• Resolved sheri marcus

    (@optispeech)


    Hi there – I would like to make the content span the full width of the page on all the pages of my site. I attempted to follow the instructions here: http://ww.wp.xz.cn/support/topic/full-width-page-template-2?replies=26
    but it isnt working. Not sure what I am doing wrong. Can anyone help?

    http://www.optispeechslp.com/

    added this code to my style.css in child theme:

    .entry-header-full,
    .entry-content-full,
    .entry-summary-full,
    .entry-meta-full {
    	margin: 0 auto;
    	max-width: 1110px;
    	width: 100%;
    }

    copied page.php from theme to child theme, changed the name and added “-full” to the entries above:

    get_header(); ?>
    
    	<div id="primary" class="content-area">
    		<div id="content" class="site-content" role="main">
    
    			<?php /* The loop */ ?>
    			<?php while ( have_posts() ) : the_post(); ?>
    
    				<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    					<header class="entry-header-full">
    						<?php if ( has_post_thumbnail() && ! post_password_required() ) : ?>
    						<div class="entry-thumbnail">
    							<?php the_post_thumbnail(); ?>
    						</div>
    						<?php endif; ?>
    
    						<h1 class="entry-title"><?php the_title(); ?></h1>
    					</header><!-- .entry-header-full -->
    
    					<div class="entry-content-full">
    						<?php the_content(); ?>
    						<?php wp_link_pages( array( 'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentythirteen' ) . '</span>', 'after' => '</div>', 'link_before' => '<span>', 'link_after' => '</span>' ) ); ?>
    					</div><!-- .entry-content-full -->
    
    					<footer class="entry-meta">
    						<?php edit_post_link( __( 'Edit', 'twentythirteen' ), '<span class="edit-link">', '</span>' ); ?>
    					</footer><!-- .entry-meta-full -->
    				</article><!-- #post -->
    
    				<?php comments_template(); ?>
    			<?php endwhile; ?>
    
    		</div><!-- #content -->
    	</div><!-- #primary -->
    
    <?php get_footer(); ?>

The topic ‘Twenty Thirteen – Full Width’ is closed to new replies.