• [email protected]

    (@melissaaggie98gmailcom)


    Hello,

    I have desperately been trying to get just this one page wider because my blog is 900 px wide, but the BlogFrog javascript requires 960 px to be displayed properly:

    https://www.mommylivingthelifeofriley.com/blogfrog-community/

    I have the following inserted for the body tag in my header.php file:

    <body <?php body_class(); ?>>

    But for the life of me, I can’t figure out how to style my css. I think I need to use the following, .page-id-15139 { width: 960px; }
    but I can’t figure out what specific part of my css is controlling the width of my post.

    Can anyone take a look at my code and see if they can shed some light on the situation? I’ve been racking my brain on this one, with no results whatsoever. Thanks so much!

Viewing 10 replies - 1 through 10 (of 10 total)
  • you need to target any styles with a fixed width;

    this might be it:

    .page-id-15139 .main,
    .page-id-15139 .container,
    .page-id-15139 .top {
    width:960px;
    }

    (not widely tested)

    Thread Starter [email protected]

    (@melissaaggie98gmailcom)

    Thanks alchymyth for the try, but that didn’t seem to work either. I’m thoroughly stumped at this point. I appreciate the help though!

    sometimes, changes to the css don’t get visible immediately in the browser;
    you might need to ‘reload’ the page or press ‘CTRL F5’ to clear the browser cache.

    try again to add the suggested styles to style.css; then do the above.

    hopefully you will be able to see some changes, although it probably will leave the header image width unchanged.

    it could be a good idea, to leave any suggested changes in the code (even if they don’t seem to work) until someone in the forum had a chance to check the effects.

    Thread Starter [email protected]

    (@melissaaggie98gmailcom)

    Oh, I’m so sorry that I removed the code. I went ahead and put it back in my style.css file so that someone from the forum could check it.

    Actually, all I’m looking for is the content itself to be wider, not the header or anything else, so if that’s the easier thing to accomplish, then that works out great.

    Thanks again for your help with this, alchymyth.

    the problem seems to be that the changed/added css code does not appear in your site;
    i just checked and there is no style starting with .page-id- in any of the stylesheets of your linked page.

    btw: i can’t view your site in IE7; it always points to a ‘mobile’ view.

    Thread Starter [email protected]

    (@melissaaggie98gmailcom)

    Uh-oh! Is it possible that I’m adding it to the wrong place in my style.css file? Is there a specific place that this code should go?

    Also, I am using WPTouch for my mobile view and had no idea that this was happening in IE7. Is there any suggestions you have on how I can fix this problem? Thanks so much for letting me know that this was happening.

    Is there a specific place that this code should go?

    no – just into style.css of your current theme.

    Also, I am using WPTouch for my mobile view and had no idea that this was happening in IE7. Is there any suggestions you have on how I can fix this problem?

    i have no idea – maybe best to start a new topic for this problem.

    Thread Starter [email protected]

    (@melissaaggie98gmailcom)

    Hmmm…that’s weird, because I inserted this code into the top portion of my style.css file. Is there anything else I can try in order to resize this post or to see why the code isn’t showing up?

    Thread Starter [email protected]

    (@melissaaggie98gmailcom)

    OOOHHH! I just thought of something! My style.css file is being served by my CDN at WPCDN. That must be why the code isn’t showing up. I’ll ask them to purge my files there and we’ll see what happens.

    Thread Starter [email protected]

    (@melissaaggie98gmailcom)

    Thanks…now that the CDN was flushed, this code worked perfectly!

    .page-id-15139 .main,
    .page-id-15139 .container {
    width:960px;
    }

    Thanks again for all your help! ??

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Make page width wider using body_class’ is closed to new replies.