Archived topic
How do you add space to right and left side?
5 replies · Started by mc208 on May 17, 2016
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.
Hi Michael,
Any chance you can link me to the page so I can take a look? :)
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.
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 :)
That seems to have done the trick, thanks!
You're welcome :)