@zulfikar: Thanks for the original post, which gave me a head start. However, the proposed solution does not retain the original font style of the page title, neither its vertical margin.
For me, the following approach seems to work better for a full width page template…
in child-theme’s style.css:
...
.my-full-size {
margin-left: auto !important;
margin-right: auto !important;
height: auto;
padding-right: 1em !important;
}
And then, in my full-width-page.php file I just add the my-full-size class to the desired elements:
...
<?php /* The loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header my-full-size">
<?php if ( has_post_thumbnail() && ! post_password_required() ) : ?>
<div class="entry-thumbnail">
<?php the_post_thumbnail(); ?>
</div>
<?php endif; ?>
<h1 class="entry-title my-full-size"><?php the_title(); ?></h1>
</header><!-- .entry-header -->
<div class="entry-content my-full-size">
<?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 -->
<footer class="entry-meta">
<?php edit_post_link( __( 'Edit', 'twentythirteen' ), '<span class="edit-link">', '</span>' ); ?>
</footer><!-- .entry-meta -->
</article><!-- #post -->
<?php comments_template(); ?>
<?php endwhile; ?>
...
This also seems to behave closer to the original behavior of the theme, which centers the <article> elements, leaving plenty of room at both sides (although it leaves more room than the above css).
I haven’t tested it extensively, but so far it seems to work fine.
