WordPress.org

Support

Support » Themes and Templates » I want a full width page!

I want a full width page!

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

    View post on imgur.com

    (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();
    
    ?>
Viewing 2 replies - 1 through 2 (of 2 total)
  • WPyogi

    @wpyogi

    Forum Moderator

    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.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘I want a full width page!’ is closed to new replies.