WordPress.org

Forums

[resolved] Change page width (16 posts)

  1. nort7053
    Member
    Posted 3 years ago #

    I'm a novice to this very comprehensive "scripting". How can I increase my page width? decrease margins?

  2. zex2911
    Member
    Posted 3 years ago #

    post link to your site, and maybe i'll be able to help you.

  3. nort7053
    Member
    Posted 3 years ago #

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

    Tks
    Sam

  4. zex2911
    Member
    Posted 3 years ago #

    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;
    }
  5. esmi
    Forum Moderator
    Posted 3 years ago #

    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.

  6. nort7053
    Member
    Posted 3 years ago #

    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.

  7. esmi
    Forum Moderator
    Posted 3 years ago #

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

  8. nort7053
    Member
    Posted 3 years ago #

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

  9. esmi
    Forum Moderator
    Posted 3 years ago #

    Now try adding:

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

    to the child's stylesheet.

  10. nort7053
    Member
    Posted 3 years ago #

    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.

  11. esmi
    Forum Moderator
    Posted 3 years ago #

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

  12. loughcorrib
    Member
    Posted 3 years ago #

    Add the code Esmi supplied to the file "style.css"

  13. esmi
    Forum Moderator
    Posted 3 years ago #

    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%;
    }
  14. nort7053
    Member
    Posted 3 years ago #

    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 ?

  15. esmi
    Forum Moderator
    Posted 3 years ago #

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

  16. nort7053
    Member
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic