WordPress.org

Ready to get started?Download WordPress

Forums

I want a full width page! (3 posts)

  1. EMT_Harvey
    Member
    Posted 1 year 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.

    http://i.imgur.com/gIM0W.png

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

    <?php
    /*
    Template Name: Page: No Sidebar
    */
    ?>
    <?php
    
    // 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
    // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
    // **********************************************************************
    
    if (__FILE__ == $_SERVER['SCRIPT_FILENAME']) { die(); }
    if (CFCT_DEBUG) { cfct_banner(__FILE__); }
    
    get_header();
    
    ?>
    
    <div id="content">
    <?php
    
    cfct_loop();
    
    ?>
    
    </div><!--#content-->
    
    <?php 
    
    get_footer();
    
    ?>
  2. WPyogi
    Volunteer Moderator
    Posted 1 year 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
    Member
    Posted 1 year 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