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

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #13223
    Karl Baker
    Customer

      I have been using Epik for over a year now and really like it!

      I have just upgraded WordPress, Genesis and Epik to the latest versions (in that order). I think previously I was using Epik 1.2

      Since upgrading to Epik 1.4, the homepage horizontal sections have a lot of extra space in them (above and below the text/images). Either that or all my text and images within the sections have shrunk.

      Also the footer has a lot of extra space below it.

      Here is the link to my site http://www.mindfulnessworks.co.nz

      Can you please let me know if this can be fixed, and if so, how to do it?

      Thanks

      Karl

      #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.

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