WordPress.org

Ready to get started?Download WordPress

Forums

Full Page Width (9 posts)

  1. dleonte
    Member
    Posted 3 years ago #

    I would like to change the content box to the full width of the page. However I am not finding a width specified for the content in the Stylesheet.

    http://gunter2.virtuallyassistingu.com/

    Thank you and Happy Holidays to you.

  2. Paul
    Member
    Posted 3 years ago #

    Have you tried to look for the class selector .contentLayout .content in your style.css file?

  3. usuallyresourceful
    Member
    Posted 3 years ago #

    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.

  4. dleonte
    Member
    Posted 3 years ago #

    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/

  5. usuallyresourceful
    Member
    Posted 3 years ago #

    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;
  6. usuallyresourceful
    Member
    Posted 3 years ago #

    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;
  7. Root
    Member
    Posted 3 years ago #

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

  8. dleonte
    Member
    Posted 3 years ago #

    You Rock!!

    Thanks so much.

  9. usuallyresourceful
    Member
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic