WordPress.org

Support

Support » How-To and Troubleshooting » Full Page Width

Full Page Width

Viewing 8 replies - 1 through 8 (of 8 total)
  • Have you tried to look for the class selector .contentLayout .content in your style.css file?

    Hi friend,
    If you use Firefox and and extension called Firebug its really easy to find the value that you need to change. I successfully was able to widen the content using it. It looks pretty even at 995px. Firebug says that you need to edit line 1562 in style.css.

    It will look like this.

    .contentLayout .content {
        border: 0 none;
        float: left;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 995px;

    Its location is http://gunter2.virtuallyassistingu.com/wp-content/themes/spiritual_awakening_pee109/sytle.css

    The style to be edited is .contentLayout .content and change the width property.

    I believe that this will change the content width for ALL your pages though. But I only see that you have one page, so that probably is not a big deal. Let us know how it goes.

    I found this code:
    /* begin ContentLayout */
    .contentLayout
    {
    margin-bottom: 0px;
    width: 1000px;
    position: relative;
    }
    /* end ContentLayout */

    I tried changing the width to 2000px, but nothing changed on the page.

    http://gunter2.virtuallyassistingu.com/

    Nope, you have to keep going until you find the one that looks like this. Do you have ftp access to your site to download the sytlesheet? If you do I can edit it quick for you and send it back if push comes to shove.

    .content {
        border: 0 none;
        float: left;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 995px;

    Oh crap! I forget. Your width will read 601px! The 995px is what I changed it to on my end. Code will look like this

    .contentLayout .content {
        border: 0 none;
        float: left;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 601px;

    The html markup on that theme is absolutely shocking…….

    You Rock!!

    Thanks so much.

    I even screwed the code up a third time! Wow, here ya go.

    ‘.content {
    border: 0 none;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 601px;`

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Full Page Width’ is closed to new replies.
Skip to toolbar