• Resolved peterk900

    (@peterk900)


    I’ve created a copy of page.php and renamed it full-width-page.php. I’ve added an id to the main content div that I can style to extend the page width from the normal template value. I’ve selected the Full Width Page option in the template selection box.

    <?php
    /**
     Template Name: Full Width
     */
    get_header(); ?>
    	<div id="primary">
    		<div id="content-fullwidth" role="main">
    			<?php while ( have_posts() ) : the_post(); ?>
    				<?php get_template_part( 'content', 'page' ); ?>
    				<?php comments_template( '', true ); ?>
    				<?php endwhile; // end of the loop. ?>
    			</div><!-- #content -->
    		</div><!-- #primary -->
    <?php get_footer(); ?>

    I’ve styled content-fullwidth

    #content-fullwidth {
    	margin: 0 1% 0 1%;
    	width: 98%;
    }

    The url to the page is https://www.marionandpeter.com/group200/?page_id=107

    Despite all this the page seems to display unchanged. Any pointers appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The CSS that I see is:

    #content-fullwidth {
       margin: 0 7.4% 0 7.6%;
       width: 85%;
    }

    And when I inspect the page, I see the content-fullwidth DIV being used.

    Add this CSS to the end of your stylesheet:

    #content-fullwidth .entry-content {
       width: 100%;
    }

    Thread Starter peterk900

    (@peterk900)

    Perfect ! Thanks very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Trying to build a Full Width Page in 2011’ is closed to new replies.