Blog copy margin

cewehner · July 2018

Hello - I was wondering if you could give me the correct css for making the default margin/padding for right and left side of the blog posts larger then it is.

I need to be able to do this without using the builder, so it is as user friendly as possible. My clients are going to be adding blogs so we need to be able to use the Wordpress editor.

Here is a screen shot of what i am talking about: https://pasteboard.co/HsNqi0s.jpg

Here is a link to the website: http://turnerfineart.staging.wpengine.com/blah-blah-blah/

If you look at the other blogs on the site that I have posted they have the correct margin/padding on the right and left side of the copy. I used the Muffin builder to build out these posts.

Thanks!

Pablo · July 2018

Hi,

Sure, copy this Custom CSS.

body.single-post .section_wrapper{
	width:800px;
}

@media (max-width:767px){
	body.single-post .section_wrapper{
		width:80% !important;
		text-align:center !important;
	}
}

Thanks.

cewehner · July 2018

Hi Thanks! That worked on the regular site- but now the mobile site is not showing all of the copy. Is there a way for the new layout to work on mobile as well? Or a way to keep the margins on the non-responsive site this way, but change them from mobile?

Here is a screen shot of what it looks like on mobile: https://pasteboard.co/HsXrJfh.jpg

Thanks for all your help!

Pablo · July 2018

I updated the code above.

Thanks.

cewehner · July 2018

That worked - Thank YOU!

Blog copy margin

Comments