WordPress.org

Ready to get started?Download WordPress

Forums

Removed Sidebar, now want full width (7 posts)

  1. PangaMan
    Member
    Posted 5 months ago #

    Hey guys

    I have removed the sidebars from my site and now need to find out how to make the content full width.

    Here is my site
    http://www.sancastleconstructors.com

    Let me know if you need me to post codes

    Thanks!

  2. Zoe Rooney
    Member
    Posted 5 months ago #

    Is it this site? http://www.sandcastleconstructors.com/blog/ (I think you have a typo in your original link).

    If so, you can do this in your CSS (style.css in the theme, or better yet in a child theme).

    You will want to find the following:

    #container {
       width: 772px;
       float: left;
       display: inline;
       margin-left: 1px;
       padding-top: 13px;
    }

    Change the container width to a greater value. Something like width: 982px; would be good, as it would give you some space on the right to match the space on the left between content and border.

  3. PangaMan
    Member
    Posted 5 months ago #

    thats it thanks!

    going to try the code right now.

  4. PangaMan
    Member
    Posted 5 months ago #

    it worked!!

    is there any way to do the same for the gallery pics?

    http://www.sandcastleconstructors.com/portfolio/residential/new-construction/port-royal/

  5. Zoe Rooney
    Member
    Posted 5 months ago #

    That's a little trickier. The two CSS lines to start with are:

    .mygallery {
       width: 747px;
       float: left;
       display: inline;
    }

    and

    .ngg-galleryoverview {
       width: 747px;
       float: left;
       display: inline;
       background: #002222;
       overflow: hidden;
       padding-bottom: 12px;
       margin-bottom: 20px;
    }

    Edit the widths again, maybe try 957px. That will get the thumb layout you want but will just center the larger image. If you want that one larger, you'll have to both edit the CSS:

    .mygallery .largeimg img {
        border: 1px solid #FFFFFF;
        max-width: 745px;
    }

    and also adjust the image size itself. You may need to change it in the gallery settings and/ or under Settings > Media and the regenerate thumbnail sizes, it depends on how that particular image is generated.

  6. PangaMan
    Member
    Posted 5 months ago #

    Zoe- can you send me an email so I can reply with some questions for you. Job related.

    Thanks!

    [email moderated - this forum does not provide support via email]

  7. alchymyth
    The Sweeper & Moderator
    Posted 5 months ago #

    please don't try to negotiate jobs within the forum

    - consider to post a job at http://jobs.wordpress.net/

Reply

You must log in to post.

About this Topic

Tags