Add white space below header image

  • Author
    Posts
  • #116030

    hi Zed:

    I want to add some white space below the header image a few pixels wide, like a border at the bottom of the image, so the main background image for the site doesn’t run up directly against the header media.

    I want to add some white space similarly above the footer area.

    Is there some code that will help with that?

    Thanks again 🙂

    best wishes,
    Ralf

    Website: wholebeingevolution.com

    #116283
    Zed
    Cryout Creations Team

    Hi,

    Those customizations should be possible with CSS, but I’d need to browse your site to figure out the CSS for your specific configuration.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #116298

    hi Zed: Thanks for your reply.

    You can browse the site, cant you? https://wholebeingevolution.com
    Thanks for your assistance.

    best wishes,
    Ralf

    Website: wholebeingevolution.com

    #116327
    Zed
    Cryout Creations Team

    You should be able to add a separation space above and below the main content:

    #content {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    Adjust the values as needed.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #116694

    hi Zed:

    Thank you very much! This worked so well.

    If you look on the Landing Page, however, it comes out a little wonky.

    Is it possible to prevent the content padding from appearing ABOVE the header on the Landing Page?

    Thank you.

    best wishes,
    Ralf

    Website: wholebeingevolution.com

    #117366
    Zed
    Cryout Creations Team

    For that change the CSS identifier to:
    body:not(.home) #content { ...

    There will still be some space left under the banner/slider for which you’ll need to add an additional bit of styling:

    .lp-slider {
        line-height: 0;
    }

    We’ll sort this part out in the next theme update.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #117468

    Wow! Perfect! Thank you Zed!

Viewing 7 posts - 1 through 7 (of 7 total)

You need to log in to reply to this topic.