Need help? Check out our Support site, then


How do I change the page width?

  1. I have the Crisp theme and the full width page still does not fill the majority of the screen because it is set to 680 px. How do I change this? I have the custom design upgrade--can I use CSS to change this?

  2. You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

    If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

    This is an automated message.

  3. On sophieegan.wordpress.com, editing this attribute changes the page width:

    #access .menu-header, div.menu, #colophon, #branding, #main, #wrapper {
        margin: 0 auto;
        width: 1200px;
    }

    I changed it to 1200px, but you may want to choose a smaller number so you don't introduce a horizontal scrollbar for some users.

    My suggestion is that if you have follow-up questions on how to realign your page, that you start a new post so that it's easier for other users with similar questions to find answers and the threads don't get muddied.

    Good luck!
    -Z

  4. geerstaxidermy
    Member

    I tried that code to adjust the width on the blog I am working on, and the width does change when viewed via WordPress. But, it still does not appear correctly in the browser on the webpage I has a link via an IFRAME to the blog. Can you please help me? I upgraded purchasing the $30 CSS editable option, but it was in vain if I can't get it to appear correctly on the webpage. Here's a link to the page —

    http://www.walkingstar.com/gtl-2012-website/photo_gallery.html

  5. That's not a free hosted WordPress.com blog and you can't get any support for it here. hese forums are only for support of free blogs from and being free hosted by wordpress.com. This specific forum is only for those who have wordpress.com blogs and who have paid for a custom design upgrade on a free hosted WordPress.com blog. You have to post to http://wordpress.org/support/

  6. geerstaxidermy
    Member

    The link above goes to the website that the blog is placed into via an IFRAME. The actual blog address =

    https://geerstaxidermy.wordpress.com/

  7. We do not provide support for making your theme on your wordpress.com suitable for display in an iframe. Any references to requesting that kind of support here is off-base when you post to this forum.

  8. geerstaxidermy
    Member

    Okay, I switched themes to see if that would make it fit the width better. I purchased the Custom Design for the PhotoGalleries Blog to be able to control the width. However, the page appears to assume the same width when I compare it with the other blog - Client Work in Progress. I have clicked the 'Save Stylesheet' button several times and previewed. Can you help me decrease that width so viewers don't have to scroll horizontally?

  9. You could try to do something like add
    width: 500px;
    to your #page attribute.

  10. geerstaxidermy
    Member

    The page attributes are as follows, with no visual change when saved. Plus the iframe link on the actual page is not functioning. Can someone please help me to get this to work correctly?

    #access .menu-header,div.menu,#colophon,#branding,#main,#wrapper {
    margin:0 auto;
    width:643px;
    }

  11. We do not provide support for making your theme on your wordpress.com suitable for display in an iframe. We do not provide support for your wordpress.org install. Any references to requesting that kind of support here is off-base. You are posting to the wrong support forum. You must post here http://wordpress.org/support/ for any and all your wordpress.org issues.

  12. geerstaxidermy
    Member

    Width issue is still an issue whether in an iFrame or on the actual Blog. I purchased $30 CSS Customization option and should be able to see a difference when I tell the width to be 643px and it is 800 some pixels still. I have sent a ticket to support, but this is not only an iFrame issue. The blog is still not registering the CSS change of width to 643px.

  13. geerstaxidermy
    Member

    Here's a link to my blog if that helps anyone help me solve this width issue
    http://geerstaxidermy.wordpress.com/

  14. You will need to change your #page and #masthead like so:

    #page {width: 643px;}

    #masthead, #main, #colophon {width: 643px;}

    And then you'll see everything taking up the correct amount of space. It's not centered, so you'll also want to add this:

    margin: 0 auto;
    To your #page attribute. You should be all set!

  15. Hello! I've tried the techniques above, and am still having issues. Help?

    http://marcidawnphotography.com/

  16. @marcibothwell
    All CSS editing is theme specific. Please post your own thread by clicking this link > http://en.forums.wordpress.com/forum/css-customization

Topic Closed

This topic has been closed to new replies.

About this Topic