• Resolved nort7053

    (@nort7053)


    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.

    Thread Starter nort7053

    (@nort7053)

    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;
    }

    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.

    Thread Starter nort7053

    (@nort7053)

    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.

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

    Thread Starter nort7053

    (@nort7053)

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

    Now try adding:

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

    to the child’s stylesheet.

    Thread Starter nort7053

    (@nort7053)

    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.

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

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

    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%;
    }
    Thread Starter nort7053

    (@nort7053)

    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 ?

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

    Thread Starter nort7053

    (@nort7053)

    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 ‘Change page width’ is closed to new replies.