[Roberto]

I have modify the width of my site with this code:

@media (min-width: 1600px) {
	.post-template-default .site-content .container 
	.page-template-default:not(.woocommerce) .site-content .container {
		max-width: 1500px !important;
	}
}
@media (min-width: 1800px) {
	.post-template-default .site-content .container 
	.page-template-default:not(.woocommerce) .site-content .container {
		max-width: 1700px !important;
	}
}

but it have not effect on home page. Please help me.

[Roberto]

i fixed with this:

@media (min-width: 1600px) {
	.post-template-default .site-content, .container,
	.page-template-default:not(.woocommerce) .site-content .container {
		max-width: 1500px !important;
	}
}
@media (min-width: 1800px) {
	.post-template-default .site-content, .container,
	.page-template-default:not(.woocommerce) .site-content .container {
		max-width: 1700px !important;
	}
}

[Theme Horse Support Team]

Hi Roberto,

Please try below custom CSS code:

@media (min-width: 1600px) {
.page-template-front-page-template .container,
.page-template-front-page-template:not(.woocommerce) .container {
		max-width: 1500px !important;
	}
}
@media (min-width: 1800px) {
	.page-template-front-page-template .container,
	.page-template-front-page-template:not(.woocommerce) .container {
		max-width: 1700px !important;
	}
}

Thank you!

[Author]

Posts