Sysadmins of the North
Don't forget to share this post!

How to make Twenty Seventeen theme full width in WordPress

The default WordPress theme Twenty Seventeen’s content width can be easily changed to full width. All you need is this bit of CSS.

To make Twenty Seventeen full width in WordPress, add the following CSS to your theme’s CSS file, or in Customizer’s Additional CSS:

.wrap {
	max-width: 100%;
}
 
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 100%;
	}
}
 
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	max-width: 100%;
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 100%;
	}
}

You can adjust the 100% values. Set these to 90% for example for a 90% main content width.


buy me a coffee
Buy Me A Coffee

About the Author Jan Reilink

My name is Jan. I am not a hacker, coder, developer, programmer or guru. I am merely a system administrator, doing my daily thing at Vevida in the Netherlands. With over 15 years of experience, my specialties include Windows Server, IIS, Linux (CentOS, Debian), security, PHP, WordPress, websites & optimization. Want to support me and donate? Use this link: https://paypal.me/jreilink.

follow me on:

Leave a Comment:

33 comments
Add Your Reply
Skip to content