Reply To: Reducing extra space between sections on homepage and in footer on all pages

Homepage Community Forums Epik Theme Support Reducing extra space between sections on homepage and in footer on all pages Reply To: Reducing extra space between sections on homepage and in footer on all pages

#13231
Wes
Moderator

    Yes the extra space was added since that’s what a lot of people have been requesting, here is an example – demo.appfinite.net/squareone/

    However, we can remove the extra space by looking in your css for the .wrap in each section. Here is the one for the welcome area you’re using (line 1338) –

    .welcome-features .wrap {
        margin: 0 auto;
        overflow: hidden;
        padding: 120px 0 60px;
        width: 1140px;
    }

    For the gray sections (Line 1403) –

    .home-feature-bg.wrap {
        margin: 0 auto;
        overflow: hidden;
        padding: 120px 0 80px;
        width: 1140px;
    }

    For the white sections (Line 1464) –

    .home-feature-bg-alt .wrap {
        margin: 0 auto;
        overflow: hidden;
        padding: 120px 0 80px;
        width: 1140px;
    }

    For the footer section (line 2783) –

    .footer-widgets .wrap {
        padding: 100px 0 60px;
    }

    All you would need to do is adjust the top and bottom padding in the code above, and that will decrease the space in all of those sections.