Twenty Seventeen Full Width page template

style.css

body.page-template-template-full-width #content #primary {
	max-width: 100%;
}

body.page-template-template-full-width #content #primary .entry-header,
body.page-template-template-full-width #content #primary .entry-content {
    float: none;
    width: 100%;
}

body.page-template-template-full-width #content #primary .entry-header {
    margin-bottom: 4em;
}

template-full-width.php

<?php
/**
 * Template Name: Full Width
 *
 * Description: A custom template for displaying a fullwidth layout with no sidebar.
 *
 * @package Twenty Seventeen Child
 */

get_header(); ?>

<div class="wrap">
	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">

			<?php
			while ( have_posts() ) : the_post();

				get_template_part( 'template-parts/page/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();
				endif;

			endwhile; // End of the loop.
			?>

		</main><!-- #main -->
	</div><!-- #primary -->
</div><!-- .wrap -->

<?php get_footer();

Hi! How do I add this to the theme?

Hi! How do I add this to the theme?

Hey!
You can add the code in style.css to your theme's style.css file. Upload the template-full-width.php file to the rest of your theme's directory on your file server. Once you do this you will see "Full Width" as a drop-down option in your page editor.

Hey!
You can add the code in style.css to your theme's style.css file. Upload the template-full-width.php file to the rest of your theme's directory on your file server. Once you do this you will see "Full Width" as a drop-down option in your page editor.

You are a rock star, my friend. Thank you!

You are a rock star, my friend. Thank you!

Works like a charm. To be more precise, below are two things you need to do:
1> Add template-full-width.php file at this location:
wp-content\themes\twentyseventeen\template-full-width.php
2> Append the code in style.css to this file:
wp-content\themes\twentyseventeen\style.css

You are done. This is how it shall appear.

Works like a charm. To be more precise, below are two things you need to do:
1> Add template-full-width.php file at this location:
wp-content\themes\twentyseventeen\template-full-width.php
2> Append the code in style.css to this file:
wp-content\themes\twentyseventeen\style.css

You are done. This is how it shall appear.

Thanks!

Would there be any other easy way to add the standard post template format (column + side bar on the right) to pages, as well? I've been trying but this is still a bit beyond me.

Edit: Never mind. Found the solution here: https://www.cssigniter.com/add-custom-page-template-using-child-theme/

Thanks!

Would there be any other easy way to add the standard post template format (column + side bar on the right) to pages, as well? I've been trying but this is still a bit beyond me.

Edit: Never mind. Found the solution here: https://www.cssigniter.com/add-custom-page-template-using-child-theme/

Great, thanks!
But do you know how can I set ALL pages (homepage, categories, search results, etc.) as full-width?

Great, thanks!
But do you know how can I set ALL pages (homepage, categories, search results, etc.) as full-width?