I want a full width page! (3 posts)

  1. EMT_Harvey
    Posted 2 years ago #

    Hi everyone,

    On my blog, I have a content section in the middle and then a sidebar. Pretty standard. I have a page that I'm going to turn into a squeeze page and I want to have no sidebar on it and the content to go across the whole page.

    I've managed to remove the sidebar by following this tutorial: http://zendesign.ie/web-design/removing-sidebar/

    So that's good. However, my content doesn't take up the space the sidebar did. It's confined to the middle of the page and there's nothing where the sidebar was. I want the content to go across the whole page. Here's what it looks like now.


    (Don't both trying to go to the site. This is on localhost as I'm still developing it).

    What can I do to get the content of this page to take up the whole screen? Here's the page template code I'm using and the page is called nosidebar.php.

    Template Name: Page: No Sidebar
    // This file is part of the Carrington Blog Theme for WordPress
    // http://carringtontheme.com
    // Copyright (c) 2008-2010 Crowd Favorite, Ltd. All rights reserved.
    // http://crowdfavorite.com
    // Released under the GPL license
    // http://www.opensource.org/licenses/gpl-license.php
    // **********************************************************************
    // This program is distributed in the hope that it will be useful, but
    // WITHOUT ANY WARRANTY; without even the implied warranty of
    // **********************************************************************
    if (__FILE__ == $_SERVER['SCRIPT_FILENAME']) { die(); }
    if (CFCT_DEBUG) { cfct_banner(__FILE__); }
    <div id="content">
  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    It's the CSS code for that page that you'll need to change. Since you are on local host, it's impossible to say exactly, but try this:

    #content {
      width: XXXpx;

    That will likely change the content section on all pages, so then you would need to target your specific page -- look for a page specific class or id in the body tag and add that to the CSS.

    Firebug is a great tool for working with CSS.

  3. EMT_Harvey
    Posted 2 years ago #

    Don't worry guys, I just installed Genesis theme and have my page working with a full width layout now. ;)

Topic Closed

This topic has been closed to new replies.

About this Topic