Site logo

[Support request] Space above and below content on single blog pages

Home Forums Support [Support request] Space above and below content on single blog pages

Home Forums Support Space above and below content on single blog pages

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #2409204
    Vladimir

    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.

    #2409216
    Fernando
    Customer Support

    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?

    #2409227
    Vladimir

    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.

    #2409243
    Fernando
    Customer Support

    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;
    }
    #2409247
    Vladimir

    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

    #2409252
    Fernando
    Customer Support

    You’re welcome! I replied in the other topic with regards to the Page Hero.

    #2409256
    Vladimir

    OK. Closing ticket.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.