Twenty Eleven
[resolved] How can I change the viewable width for my posts and pages to 828 pixels? (6 posts)

  1. corpsehustler
    Posted 2 years ago #

    I have an iframe embedded page in one of my pages and the logo is 828 pixels and I'd like to change the default width of all of my pages to at least 828 pixels. Can someone help me with the code, and where to change it in my 2011 child theme?

    Corpsehustler T-Shirt Shop

    Unrelated: I am loving the ease of wordpress to create a clean and modern website that is very easy to update.

  2. Andrew
    Forum moderator
    Posted 2 years ago #

    Did you put that iFrame in a post?

  3. corpsehustler
    Posted 2 years ago #

    Yes that iframe is part of the pages post content. But I would like to widen the area that my post content displays regardless.

  4. Andrew
    Forum moderator
    Posted 2 years ago #

    Activate your Child Theme within the dashboard.

  5. Michael
    Part-Time Forum Moderator
    Posted 2 years ago #

    don't edit Twenty Eleven directly;
    either create a child theme for the customisations, or if you only want to edit the css, use a custom css plugin.

    you will need to edit those styles:

    /* One column */
    .one-column #page {
    	max-width: 690px;
    .one-column #content {
    	margin: 0 7.6%;
    	width: auto;

    also, as Twenty Eleven is a 'responsive' theme, possibly change max-width to width; and reduce the margins of #content.
    you will need to find the exact values yourself.

    don't forget to clear the browser cache (click 'reload' or press 'CTRL F5') to check if the changes to the css were successful.

    btw: this was previous asked and answered several times in this forum - forum search does often bring up solutions.

  6. corpsehustler
    Posted 2 years ago #

    Thanks @alchymyth I will take your suggestion to use the custom CSS plugin appreciate the link.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.