Home Forums Free Themes Kids Education padding/spacing on website

This topic contains 5 replies, has 2 voices, and was last updated by  wensolutions 2 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #97145

    messmeriza
    Participant

    Hi again,

    Homepage:
    I have created a custom homepage:http://fuelcatering.ca/newsite/
    You can see that there is a space between the header and the kitchen photo. I can not control that from the backend where I edit the page. How do I get rid of it?

    Below Header Image:
    I also want to minimize the space between the header image and the blue content background. It’s too large and should be about half the height.

    Above footer:
    There’s also a large space on all pages above the footer. How do I get rid of it? I deleted the theme background image of the cartoon kids. I don’t want to use a background image.

    Thanks!

    #97182

    wensolutions
    Keymaster

    Hello,

    Please find the answer to your queries below :

    Query 1
    Response : Please add the given CSS by going to Admin Panel > Appearance > Customize > Additional CSS

    #content.padding-top {
        padding-top: 7em;
    }

    Query 2
    Please add the below given CSS in the additional CSS section :

    .elementor-436 .elementor-element.elementor-element-46a87d72 {
         padding: 100px 0px 50px 0px !important; 
    }

    Query 3 :
    Please add the below given CSS in the additional CSS section :

    .spacer {
        margin-top: 0px; 
    }
    .modern-design #colophon {
        padding-top: 0px;
    }

    Hope this helps,

    Regards!

    #97189

    messmeriza
    Participant

    Thanks. Query 1 and 3 are fixed now.
    Query 2 is unchanged. There’s still a lot of space between the header image and content on all inside pages.

    #97212

    wensolutions
    Keymaster

    Hello,

    Please add below given CSS.

    .page-section {
        padding: 0px 0;
    }

    This should work.

    Thank you.

    #97243

    messmeriza
    Participant

    Thanks!! I had to modify it to this to work:

    .cloud-background.page-section {
    padding: 0px 0;
    }

    #97256

    wensolutions
    Keymaster

    Hello,

    Glad you figured out the issues.

    Let us know if you have any issues further.

    Thak you.

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

You must be logged in to reply to this topic.