• Hi
    I was wondering if anyone can help me I need to make a page full width within the theme does anyone know how to do this? I have managed to do it for the posts but not sure how to do it for the pages

Viewing 4 replies - 1 through 4 (of 4 total)
  • Easiest way is to copy your page.php file, create a new page template (called full width). Then you need to remove the sidebar from this new template. This is probably the get_sidebar() function. Look for it in the code.

    Once removed, save it and you should then be able to select this full width page template in the drop down box on the page editor screen.

    If you want to do it to specific pages, your best creating a page template and adding it to the pages you’d like to be full page.

    If you’d like it for every page.

    You can either;

    Change your css for your site. Changing your content area to the width you’d like.

    or

    Edit page.php template to how you’d like it to look.

    or

    If its a small site and you’d like to save time.
    Add a different css file to be called only on pages by putting this in your header.php

    <?php if (is_page()) {?>
    <link href=”stylesheet-for-pages.css” rel=”stylesheet” type=”text/css” />
    <?php } else {?>
    <link href=”stylesheet-for-site.css” rel=”stylesheet” type=”text/css” />
    <?php } ?>

    For specific pages you can call an array of pages like this:

    <?php if (is_page(array(‘page-slug-here’,’page-slug-2-here’))) {?>
    <link href=”stylesheet-for-pages.css” rel=”stylesheet” type=”text/css” />
    <?php } else {?>
    <link href=”stylesheet-for-site.css” rel=”stylesheet” type=”text/css” />
    <?php } ?>

    Sorry if I’ve missed the point here. Just let me know If you’d like to know something different.

    Thread Starter kevinwiles

    (@kevinwiles-1)

    At the moment the site has a homepage which has a sidebar and then some smaller pages, the back end has an about us page

    called aboutpage.php and aboutsettings etc

    this page has a side bar and I dont want it to do you have any ideas?

    https://www.lilyloubridal.com/?page_id=6

    I have managed to get the sidebar not to show but I simply cant get the content to go full width ??

    [no bumping, please]

    #content has a background image on, which is The sidebar is a background image.

    edit this style sheet:
    https://www.lilyloubridal.com/wp-content/themes/TheLoft/style.css

    And the content not full screen. It has
    ‘s in. Simply remove them from the page in wordpress and your done.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Full Width Pages (HOW)’ is closed to new replies.