Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Twenty Seventeen Full Width page template
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;
}
<?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();
@ist4000
Copy link

ist4000 commented Oct 24, 2018

I tried as told here https://themecoder.de/2017/04/12/full-width-page-template-fuer-twenty-seventeen-mit-wordpress-child-theme-erstellen/
But what I got are two rows with huge margins on the left and right. In the one row the title of the page. In the other the content. Basically nothing changed. What's wrong?
I copied the php content to the page.php of the child theme and the css to the styles.css.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment