Add padding to single blog post

ashleytcaldwell · November 2018

Is there a way to add padding to only the actual blog post and not the blog overall? I've played with so many different types of CSS, and the only one I've gotten to work is:

.post {

padding: 50px 200px 0 200px;

However, that adds padding to the entire blog as a whole, so even when I add blog blocks to a page, it still has that padding, so I'm unable to use the Grid or Masonry blog styles. We have a client that really wants to use the Grid style, but doesn't want their actual blog post content to be full-width, so I need to find a new code snippet.

Is there something else that will work? Thank you!

Pablo · November 2018

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

ashleytcaldwell · April 2019

If you scroll down to the bottom of the page, you'll see what that CSS does to the regular blog: https://themodernconnection.com/tag/instagram/

We've had to do workarounds with the content block builder, but would like to actually find the best code to add padding only to a single blog post so that it doesn't go all the way to the edges of the webpage.

Pablo · April 2019

I cannot access your page because it's blocked by cloudflare.

http://prntscr.com/naetym

Please disable it for whole European Union.

Thanks

Add padding to single blog post

Comments