Single full width page with TwentyFourteen Theme

  • I’m trying to get a single full width page with the Twenty Fourteen theme.
    The page in question has a Calendar and I need it much wider than any of the TwentyFourteen templates to make use of the Calendar views.

    I started following the instructions at https://premium.wpmudev.org/blog/create-a-full-width-page-for-wordpress-in-5-simple-steps/
    and created a new page template. That shows up.

    When I got to the CSS section I used Edit > CSS instead.

    I can’t get the page to go full width in CSS. I played around with values but it just moved it over left or right or off skew.

    I then installed “Fourteen Extended” but only had an option there to change all pages. The page in question looked great at 850px but the rest were mucked up.

    What do I need in the CSS file or is there something else I need?

    Seems I am part way there with the template done.
    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter billrodgers2013

    (@billrodgers2013)

    To add to this.
    This is what I have for the new template:

    <?php
 /*
 Template Name: Full Width Calendar Page
 */
 ?>
<?php
/**
 * This is a new template for a page that removes the sidebar.
 * Reference: https://premium.wpmudev.org/blog/create-a-full-width-page-for-wordpress-in-5-simple-steps/
 *
 *
 *
 *
 * @package WordPress
 *
 *
 */

get_header(); ?>

<div id="main-content" class="main-content">

<?php
	if ( is_front_page() && twentyfourteen_has_featured_posts() ) {
		// Include the featured content template.
		get_template_part( 'featured-content' );
	}
?>
	<div id="primary" class="content-area">
		<div id="content-fullwidth" class="site-content" role="main">

			<?php
				// Start the Loop.
				while ( have_posts() ) : the_post();

					// Include the page content template.
					get_template_part( 'content', 'page' );

					// If comments are open or we have at least one comment, load up the comment template.
					if ( comments_open() || get_comments_number() ) {
						comments_template();
					}
				endwhile;
			?>

		</div><!-- #content -->
	</div><!-- #primary -->
	<?php get_sidebar( 'content' ); ?>
</div><!-- #main-content -->

<?php

get_footer();

    check my related recent article https://www.transformationpowertools.com/wordpress/real-full-width-page-template-twentyfourteen

    Thread Starter billrodgers2013

    (@billrodgers2013)

    Thanks for that. Exactly what I was looking for. I now have a full page Calendar. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Single full width page with TwentyFourteen Theme’ is closed to new replies.