Make Posts Full Width in Twenty Seventeen 2017 Theme

Last updated on June 26th, 2022 at 11:41 am

To stretch the content of the posts and pages of your Twenty Seventeen theme, you will need to increase the width for the posts on your site. Additionally, you may need to hide the right sidebar on your side.

To make the posts full width in your WordPress 2017 Twenty Seventeen theme, have a look at the following steps.

Hide the right sidebar on single posts and pages in Twenty Seventeen

Use the following code to remove the right sidebar so that you’re main content is more visible.

1. Go to WP Backend > Appearance > Customize > Additional CSS.

2. Paste the following code to hide the sidebar on single posts and pages in Twenty Seventeen.

.single-post #secondary {
display: none !important;
}

Make every post full width in Twenty Seventeen theme

3. Paste the following code snippet to make every post 100% full width.

.single-post #primary {
width: 100% !important;
}

Click on the Save & Publish blue button to save the changes.

Refresh your page to check the results.

Author: wpbackend

Content creator at wpbackend.com

Leave a Reply

Your email address will not be published. Required fields are marked *