WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Change page width

[Resolved] Change page width

  • I’m a novice to this very comprehensive “scripting”. How can I increase my page width? decrease margins?

Viewing 15 replies - 1 through 15 (of 15 total)
  • post link to your site, and maybe i’ll be able to help you.

    http://www.jtienergy.com/wordpress Pick the Northfield page. I want to make the text as wide as the graphic above it.

    Tks
    Sam

    if you want to do it on every page open your style.css, and delete line 98 where you have width:640px;

    If you want to do it only on that page add this to your css file, at line
    100 add this

    .page-id-82 .one-column #content {
    width: 960px;
    }

    esmi

    @esmi

    Forum Moderator

    No! Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.

    For this novice, we would call this, “…Mr. Toad’s wild ride…”…

    I made a copy of folder twentyeleven and named it twentyelevenCopy keeping it in the themes folder.

    I see a file named editor-style.css? Is this my target now?

    And thanks very much zex2911 for getting me pointed.
    And tks esmi for the caution.

    esmi

    @esmi

    Forum Moderator

    Please do not edit Twenty Eleven. Download a basic Twenty Eleven child theme

    I now have a styles.css in a twentyeleven-child folder. And I see:

    /* Import layout */
    @import url(../twentyeleven/style.css);

    in my editor… but do not see where I can edit..

    esmi

    @esmi

    Forum Moderator

    Now try adding:

    .one-column #content {
    width: auto;
    }

    to the child’s stylesheet.

    I just added to the end of the file:

    The license for this software can also likely be found here:
    http://www.gnu.org/licenses/gpl-2.0.html
    */

    /* Import layout */
    @import url(../twentyeleven/style.css);

    .one-column #content {
    width: auto;
    }

    is this what you suggested? Did not kick in yet.

    esmi

    @esmi

    Forum Moderator

    Can you post a link to a one-column page?

    Add the code Esmi supplied to the file “style.css”

    esmi

    @esmi

    Forum Moderator

    The CSS is there OK but I can’t see any one-column pages on the site. http://jtienergy.com/wordpress/?page_id=82 is two-column according to the body tag CSS.

    @nort7053: If you want to widen the content area on all single Post pages and single Pages, replace:

    .one-column #content {
    width: auto;
    }

    with

    .singular #content {
    margin-left:0;
    margin-right:0;
    }
    .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
        width: 94%;
    }

    BRAVO… That did it… you folks are truly talented, developers and make this stuff look/sound easier than it is… at least first brush. What language are you (we) scripting in, really?… .css ?

    esmi

    @esmi

    Forum Moderator

    That was all CSS. If you fancy learning more about it, the following two resources are good starting & reference points:
    CSS Tutorials
    Learning CSS

    my son is a developer very big on silverlight and many other associated technologies.. I’m struggling to understand.. but very much see the results..

    Tks again. I’m all set…. for now.

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘[Resolved] Change page width’ is closed to new replies.