Making margins shorter

Add below CSS to your child theme style.css file, or via a custom css plugin

.container_24,
.container_24 .content_wrapper,
.container_24 .header_wrapper,
.container_24 .footer_last_content {
	width: 100%!important;
}

Or only add this code to your theme functions.php file:

add_action (‘wp_head’, ‘enqueue_my_css’);
function enqueue_my_css() {
?>
<style type=”text/css”>
.container_24,
.container_24 .content_wrapper,
.container_24 .header_wrapper,
.container_24 .footer_last_content {
width: 100%!important;
}
</style>
<?php
}

Thanks, I was able to change it with custom css, but I made it 85% instead of 100%, but now it is not centered. What can I add to center it?

Thank you!

Hi!

try adding margin-right: 0; :

.container_24,
.container_24 .content_wrapper,
.container_24 .header_wrapper,
.container_24 .footer_last_content {
	width: 100%!important;
	margin-right: 0!important;
}

You’re welcome ??

Great! This worked a little, but it’s still a little off center (more to the right). Is there anything I should add for the left side?

@media only screen and (min-width: 767px) {
	.container_24,
	.container_24 .content_wrapper,
	.container_24 .header_wrapper,
	.container_24 .footer_last_content {
		width: 80%;
		margin: 0 auto;
	}
	.container_24 .grid_24 {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.container_24,
	.container_24 .content_wrapper,
	.container_24 .header_wrapper,
	.container_24 .footer_last_content {
		width: 100%;
		margin: 0;
	}
}

Update the code to make your site look pretty in every screen.

Cheers.

I appreciate your help. This didn’t change anything tho..

I looked into your source code, it seems you didn’t really update the CSS, all you did was adding the last one to the old. Please make sure you have only this custom CSS :

@media only screen and (min-width: 767px) {
	.container_24,
	.container_24 .content_wrapper,
	.container_24 .header_wrapper,
	.container_24 .footer_last_content {
		width: 80%;
		margin: 0 auto;
	}
	.container_24 .grid_24 {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.container_24,
	.container_24 .content_wrapper,
	.container_24 .header_wrapper,
	.container_24 .footer_last_content {
		width: 100%;
		margin: 0;
	}
}

Perfect, that was it! THANK YOU.

Anytime – you’re welcome !

??

Would you be able to help me change the home page settings, like the slider and Featured images?

Hi!

Of course – for the slier, which plugin are you using? for the featured images, edit the post/page to adjust the featured image..

The slider and front page features (the 3 boxes for content and images on Home page) are already in the Gommero theme. I am also trying to use the Easy Image Gallery and center it (see this page). Thanks!

The blog page (with the side widgets) are also not aligned anymore since I changed the page dimensions. I found the code for the slider, but still need help with getting the 3 feature blocks on home page to be on one line, and getting the sidebar to be aligned right.