Need Help Changing Size of Sidebar on Magazine theme

Community Forums Forums Design Tips and Tricks Need Help Changing Size of Sidebar on Magazine theme

This topic is: not resolved

This topic contains 30 replies, has 4 voices, and was last updated by  buddy_boy8403 1 year, 10 months ago.

Viewing 15 posts - 16 through 30 (of 31 total)
  • Author
    Posts
  • #9365

    buddy_boy8403
    Participant
    Post count: 132

    Rick – did you get this fixed?

    #9366

    Susan
    Moderator
    Post count: 9530

    @buddy_boy8403 – based on Rick’s new thread here, it doesn’t look like he got his issue fixed:

    http://www.studiopress.com/forums/topic/need-help-fixing-issue-with-magazine-theme/

    *Edited to add: I’ve just merged the two topics threads together, as it’s the same question (with the same parties)


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #9368

    buddy_boy8403
    Participant
    Post count: 132

    Rick – In looking at your test site, it looks like you got this taken care of? If so, please mark your threads for this issue as resolved.

    #9371

    rick4him
    Participant
    Post count: 128

    @buddy,

     

    You may want to look at it again. It’s not working. Take a look at the test site and try to click on a single post with an image. You’ll see the image doesn’t go all the way across. Also you’ll notice the side bar doesn’t look right.

    #9374

    buddy_boy8403
    Participant
    Post count: 132

    Which image isn’t going all the way across?  The Amazon image?

    #9375

    rick4him
    Participant
    Post count: 128

    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?

    #9387

    buddy_boy8403
    Participant
    Post count: 132

    The 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.

    #9397

    rick4him
    Participant
    Post count: 128

    Thanks. 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

    #9398

    rick4him
    Participant
    Post count: 128

    Also 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.

    #9403

    buddy_boy8403
    Participant
    Post count: 132

    Weird. 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.

    #9406

    rick4him
    Participant
    Post count: 128

    @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.

    #9410

    buddy_boy8403
    Participant
    Post count: 132

    The 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;

    #9411

    rick4him
    Participant
    Post count: 128

    Hmmm. I’m just using the typical magazine theme. Not sure what’s going on with the theme…

    #9413

    buddy_boy8403
    Participant
    Post count: 132

    I 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.

    #9415

    rick4him
    Participant
    Post count: 128

    @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.

Viewing 15 posts - 16 through 30 (of 31 total)

You must be logged in to reply to this topic.