Archived topic
Space above and below content on single blog pages
6 replies · Started by Vladimir on November 9, 2022
Hi,
How do I increase space above and below content on blog pages on attention.cc website. Here is the exact area I am talking about (screenshot):
https://ibb.co/grtNdY6 - I want to do this on ALL blog pages on the website. I imported all blogs from other site..over 300 of them. When I click on the text in the block, that "container" doesn't show up with top margin attribute you showed me on the previous ticket for the homepage, so this is why I can't figure it out maybe.
Hi Vlad,
I see. Well, the Container Block is good to be added manually to all pages and posts to contain the Content you'll be adding. I checked, and some of your posts indeed doesn't have a Container Block holding the content. Thus, you can add spacing for the Content of Posts through Appearance > Customize > Layout > Container. Add top and bottom paddings.
However, this will also add spacing to your Front Page and other pages.
In light of this, we'll like need to use custom CSS.
To clarify, do you only want this spacing for Blog posts? Or, do also want it for Pages except for the front page?
Fernando,
I only want this spacing for Blog posts. I do not want CSS you send me to affect front page nor other pages. Thank you for sending CSS code to solve this for blog pages.
I see. Thank you for clarifying.
Can you try adding this CSS in Appearance > Customize > Additional CSS?:
body.single-post .site-content {
padding-top: 20px;
padding-bottom: 20px;
}I added it to Simple CSS plugin one of your colleagues told me to download. Your CSS works well for me. You can see it here:
https://attention.cc/meta-i-ufc-omogucavaju-pracenje-mma-borbi-u-virtuelnoj-stvarnosti/
If you can just show me how to stretch that red area on the top 100% the width of the page like it was before (pending ticket) we will be done with posts.
Thank you,
Vlad
You're welcome! I replied in the other topic with regards to the Page Hero.
OK. Closing ticket.
