[AleMello]

Hi. I would like to expand the width of the contents in the pages.

I mean, the blocks are not using all the width of the white box and I’d like to expand it.

I put an image at https://www.dropbox.com/s/cvxtxkhx5ee7dzx/bigger_width.png?dl=0
In this image I’m using 2 columns. I didn’t type in the second column, yet. But I would like to make the detached image and the columns box wider.

I think it’s a simple code, but I couldn’t find what I should do.

Best regards from brazil, and please be safe. Stay at home as much as you can.
AleMello

[Skandha]

@alemello: Hello AleMello,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.site {
	margin:0 !important;
	width: 100% !important;
}
@media screen and (min-width: 1280px) {
	.site {
		width: 100% !important;
	}	
}
@media screen and (min-width: 1152px) {
	.site {
		width: 100% !important;
	}	
}
@media screen and (min-width: 1100px) {
	.site {
		width: 100% !important;
	}	
}
@media screen and (min-width: 990px) {
	.site {
		width: 100% !important;
	}	
}
@media screen and (min-width: 767px) {
	.site {
		width: 100% !important;
	}	
}
@media screen and (min-width: 700px) {
	.site {
		width: 100% !important;
	}	
}
@media screen and (min-width: 600px) {
	.site {
		width: 100% !important;
	}	
}
@media screen and (min-width: 540px) {
	.site {
		width: 100% !important;
	}	
}
@media screen and (min-width: 480px) {
	.site {
		width: 100% !important;
	}	
}
@media screen and (min-width: 400px) {
	.site {
		width: 100% !important;
	}	
}

Let me know if this is what you want!
Kind Regards,
Skandha

[AleMello]

Wow! That was amazing… 🙂 But, that’s not what I was looking for.

I need to expand the content INSIDE the white box only, not the whole layout/width.

I like the layout the way it is, but I would like to use more width inside the white box. Now it’s using like 50% centered. I would like to use more, like 80% of the white box width.

I left an image (i believe) more clear at: https://www.dropbox.com/s/a6q6s00kte6bcvx/width.png?dl=0

Anyway, THANKS A LOT for your help.
Best regards
Ale

[Skandha]

@alemello: Hello Ale,
Can you please post in your site URL so that I can provide you the necessary CSS Code?

Kind Regards,
Skandha

[AleMello]

It’s at http://www.quatrinvest.com.br/site/

Thanks, again

[Skandha]

@alemello: Hello Ale,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.no-sidebar.content-width #main {
    width: 100% !important;
}

Let me know if this is what you want!
Kind Regards,
Skandha

[AleMello]

Yes! Thanks a lot! You’re the best!

[Skandha]

@alemello: Hello Ale, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-responsive/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts