Community Forums › Forums › Archived Forums › Design Tips and Tricks › Need Help Changing Size of Sidebar on Magazine theme
- This topic has 30 replies, 4 voices, and was last updated 11 years, 3 months ago by buddy_boy8403.
-
AuthorPosts
-
January 3, 2013 at 10:13 pm #9375rick4himMember
No....if you go to a link, like this one you'll see the main picture at the top doesn't extend all the way to the right. It looks like the border cuts off. Also the side bar images / ads don't look right. I don't know if it's padding, or boarder, or what. Do you not see what I mean?
January 3, 2013 at 10:42 pm #9387buddy_boy8403ParticipantThe only things I see that you could do still is:
1. Change the sidebar width from 300px to 308px (see the code below). You should find the code on line 1245 in this file: wp-content/themes/magazine/style.css. This will give you a little bit of a border on the right side of the primary sidebar.
.sidebar {
display: inline;
float: right;
font-size: 13px;
line-height: 20px;
width: 308px;
}To fix the image at the top of the page - do the following:
1. Add in width: 600px; to the .entry-content element which is on line 752 of wp-content/themes/magazine/style.css like I have below
.entry-content {
overflow: hidden;
width: 600px;
}2. Make the following element which starts on line 1128 of wp-content/themes/magazine/style.css look like this:
.avatar, .entry-content img, .featuredpage img, .featuredpost img, .post-image {
background-color: #FFFFFF;
border: 4px solid #EEEEEE;
margin-left: -70px;
padding: 1px;
width: 570px !important;
}Let me know how this works out.
January 3, 2013 at 11:09 pm #9397rick4himMemberThanks. Looks like this fixed the issue, but I have a weird squeezed version of my gravatar at the top of the screen when I'm logged in. Any idea what's up with that?
What did that last big of css do that gave me?
Thanks for your help
January 3, 2013 at 11:16 pm #9398rick4himMemberAlso if you look on the main page you'll see the featured images don't go all the way across any more after using your code. Not sure what is going on.
January 3, 2013 at 11:23 pm #9403buddy_boy8403ParticipantWeird. Just delete the last two items in bold. Not sure what is going on there. Nick The Geek or someone else will have to help you with this. It might be best to start a new thread since this problem is now with your images and your sidebar issue is resolved.
January 3, 2013 at 11:27 pm #9406rick4himMember@buddy,
Thanks. I just deleted that and the featured images are back to normal. I think the sidebar issue is related to the images in someway though... It seems like one is effecting the other.
January 3, 2013 at 11:42 pm #9410buddy_boy8403ParticipantThe problem is there is some element styling going on on the featured images in your individual posts. This element styling making the caption area 650px wide. You need to find the culprit of the element styling and delete it. You could try looking in your theme's functions.php file to see if there is anything in there relating to caption areas or images at 650px wide. Just open your wp-content/themes/magazine/functions.php and do a control F to search for 650px. If you find something in there related to your images or caption area, try commenting it out and see how that works.
I do know that once you remove the culprit of your 650px wide caption area, there is one more styling adjustment you will need to make, and that is on line 1194, change:
padding: 10px;
to
padding: 10px 20px 10px 10px;
January 3, 2013 at 11:43 pm #9411rick4himMemberHmmm. I'm just using the typical magazine theme. Not sure what's going on with the theme...
January 3, 2013 at 11:50 pm #9413buddy_boy8403ParticipantI can't tell where the element styling is coming from. I recommend looking in your functions.php file for what I wrote above or closing this thread and starting a new thread and seek Nick The Geek's assistance.
January 3, 2013 at 11:51 pm #9415rick4himMember@buddy - I'm not sure why I would want to close the thread, the issue isn't fixed. Maybe Nick the Geek will jump in.
Also it doesn't seem like I should jump into the function.php file since the theme should work as is. Hmmm..strange.
January 4, 2013 at 12:05 am #9417buddy_boy8403ParticipantI don't have the Magazine theme, so I can't tell you exactly whats in there, but the reason it might behoove you to look there is because there are usually things in there related to default image sizes, such as:
/** Add new image sizes */
add_image_size( 'home-bottom', 110, 110, TRUE );
add_image_size( 'home-middle-left', 280, 165, TRUE );
add_image_size( 'home-middle-right', 50, 50, TRUE );
add_image_size( 'home-tabs', 150, 220, TRUE );When you increased the width of the sidebar, you needed to also reduce the size of the images and content. You did reduce the size of the content area already, but the image (particularly the default element styling creating a width of 650px getting applied to featured images within a post) have not been touched yet. They are operating off a width of 650px when your entire content area is now only 600px. Obviously if it is showing 650px in a 600px space, there is going to be some cut off occurring. If you make the overflow visible instead of hidden on your style.css line 752 you can see the cutoff I'm talking about.
I hope this makes more sense.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.