[Resolved] How do you add space to right and left side?

[mc208]

My content, for example on a blog post, things like featured image, headline, date go right up to the very edge of the page. I looked in the element spacing but couldn’t see anything that would fix this. Is there a way to add some space? It’s doing the same thing on the right side of the page which would be the right side of the sidebar. I think I see the problem in css but I don’t know how to fix it.

.fl-builder.one-container .site-content, .so-panel.widget {
padding: 0;
}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content {
padding: 40px 40px 40px 40px;
}

You can’t see it here, but the 40px padding is crossed out which means it’s using padding of 0 which is why the content is right up against the edge of the page which I don’t want. That should only happen on full width sections.

[Tom]

Hi Michael,

Any chance you can link me to the page so I can take a look? 🙂

[mc208]

I just discovered part of the problem: http://bit.ly/1szbbTi
It only happens on posts where I enabled Beaver Builder, instead of using the regular visual editor
So the link above is a BB enabled post and you can see how it’s messed up on the sides. But if you go another blog post that doesn’t use BB, everything looks proper.

[Tom]

Gotcha.

Try this CSS:

.fl-builder.one-container .site-content {
	padding: 40px;
}

.fl-builder.one-container.no-sidebar .site-content {
	padding:0;
}

Let me know 🙂

[mc208]

That seems to have done the trick, thanks!

[Tom]

You’re welcome 🙂

[Author]

Posts