Home › Forums › Free Themes › Kids Education › padding/spacing on website

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 7, 2019 at 8:39 pm #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!

    May 8, 2019 at 1:58 am #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!

    May 8, 2019 at 2:17 am #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.

    May 8, 2019 at 7:21 am #97212
    wensolutions
    Keymaster

    Hello,

    Please add below given CSS.

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

    This should work.

    Thank you.

    May 8, 2019 at 5:45 pm #97243
    messmeriza
    Participant

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

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

    May 9, 2019 at 12:14 am #97256
    wensolutions
    Keymaster

    Hello,

    Glad you figured out the issues.

    Let us know if you have any issues further.

    Thak you.

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