How to remove top and bottom white blank areas?

Home Page Support Free Themes EightStore Lite How to remove top and bottom white blank areas?

This topic contains 12 replies, has 3 voices, and was last updated by  8Degree Themes 3 months, 1 week ago.

  • Author
    Posts
  • #3197

    dr.joolz
    Participant

    Hi if you go to https://www.littlecaptainessentials.com and see the white area between the top banner and the first promo widget “Little Captain Basics”, and the bottom blank area below “Skincare”, how can I get rid of those? I have tried this but no luck, only reduced the bottom a little, did nothing to the top:

    #section-promo1, #section-category1, #main, #primary, #content , #blog-testimonial-section {
    margin-top: 0px;
    margin-bottom: 0px;
    }

    Thanks!

  • #3209

    8Degree Themes
    Keymaster

    Hi There,

    Use this:

    #home-slider {
        margin-bottom: 0;
    }
    section#section-promo1, #section-category1 {
        margin-bottom: 0;
    }
    .home #primary, .home .sidebar {
        margin-bottom: 0;
    }

    Thanks!

  • #3217

    dr.joolz
    Participant

    Thanks, but there’s still a white bar at the bottom… any way to remove that? Thanks.

  • #3221

    8Degree Themes
    Keymaster

    Add one more css:

    #blog-testimonial-section {
        margin-bottom: 0;
    }

    Thanks!

  • #3243

    dr.joolz
    Participant

    Thanks!

  • #3600

    dr.joolz
    Participant

    HI this doesn’t work again in the new update… any ideas? I still get a white bar at the bottom. Thanks.

  • #3601

    8Degree Themes
    Keymaster

    Hi There,

    Seems like this code is missing:

    .home #primary, .home .sidebar {
        margin-bottom: 0;
    }

    Add it in Appearance > Customize > Custom Tools > Custom Css

    Thanks!

  • #3612

    dr.joolz
    Participant

    Hi I have added it but it’s the same…

  • #3619

    8Degree Themes
    Keymaster

    Hi There,

    Add this css:

    .home #primary, .home .sidebar, #blog-testimonial-section, section#section-promo1, #section-category1, #home-slider {
        margin-bottom: 0;
    }

    Thanks!

  • #3624

    dr.joolz
    Participant

    Thanks I put it in Customise->Additional CSS then it works. Custom Tools->custom CSS didn’t have any effects

  • #3627

    8Degree Themes
    Keymaster

    Hi there,
    Can you please send us your site temporary wp-admin login details at support@8degreethemes.com.
    so that we can check why it’s not working properly on your site and fix it as soon as possible?
    Thank you !!

  • #3686

    dr.joolz
    Participant

    Hi it’s working when I put it in Customise->Additional CSS thanks.

    BTW mobile theme still has the white areas, even on the sides.

    Could you take a look too please?

    Thanks!

  • #3689

    8Degree Themes
    Keymaster

    Add this:

    
    @media screen and (max-width: 800px) {
    #blog-testimonial-section {
        margin-top: 0;
    }
    }
    @media screen and (max-width: 640px) {
    #blog-testimonial-section {
        margin-top: 0;
    }
    }
    

    Thanks!

You must be logged in to reply to this topic.

Please post your questions in the respective forum above.

All questions related to our Pro theme will be answered in less than 24 hours. All questions related to our Free theme will be answered in less than 48 hours.
Our Facebook page is the best place to get updated with themes, documentation, question/answers. Please like us here:

8 Reasons to choose

Instant Updates

Many free themes, only buy themes when you are ready!

Subscribe for newsletter

Email *
-