page templates- full width for frontpage

In index.php of theme twenty sixteen you will find

get_sidebar(); on line 61 you can comment or delete that line.

Thanks, codemovement.pk. I ended up hiding the homepage sidebar with a plugin, but I might update it with the code you just gave me. ??

ebhead, what plugin did you use?

I used Jetpack’s widget visibility to hide it on the front page.

thx for the info!

I tried going to twenty sixteen for its responsive layout, but I was unhappy with all the code tweaks or plugins I would have to install to make it look better. So I decided to stick with twenty fourteen for now. ??

Commenting or remving get_sidebar(); won’t make it full with. Actually .content-area has 70% width defined in style.css.

Here are the possible solutions:

1. Add inline style to override the width
<div id="primary" class="content-area" style="width: 100%;">

2. Or add your own CSS class (e.g. full-width) on element and define in style.css
<div id="primary" class="content-area full-width">

.full-width { width: 100% }

Hope this will help.

Other option to make the pages without sidebar full width is to add the below to your child theme.

.no-sidebar .entry-content{
margin: 0;
width: 100%;
}

There is still padding on the page which is somewhere else in the CSS.

Hello everyone,
I’ve just switched from twenty ten to twenty sixteen theme and want to have the content area full width. My website is https://www.mathphysicsforgrade10-12.ca, I tried almost the tips that I could find from this forum to make the full width for the content area but it didn’t work for me. Even trying making a full width template as many ideas suggestions, still not work. Please educate me how to exactly make the responsive twenty sixteen theme have a full width content area, please point out my mistake not to make the template work, etc.

Really appreciated your helps.

Dear Michael,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin: 0 !important;
}

Thanks.

Hi Michael Titchai, did you succeed in making your own twenty sixteen template? I’m battling with this issue also. I have made a template with the required Template Name: comments in the template file but I’m unable to select a template when I make a new page….

I wanna decrease the size of my tiles/thumbnails in 2014 and increase the numbers, in fact only thumbnails on front page.

Hi

I watched the video – thank you, but I’m stuck at the very start because when I go to edit an existing page, under Page Attributes I don’t see the “Template” drop down or “Parent” for that matter (the only one I have is “Order”).

I’m using a twentysixteen child theme and I’ve downloaded both the Page Builder and the Widget Bundle (at this point I don’t need title remover or spacer).

Must be something really basic!

Help Appreciated