How to reduce space between Slider Wide and Welcome Wide

Homepage › Community Forums › Epik Theme Support › How to reduce space between Slider Wide and Welcome Wide

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 27, 2014 at 5:23 am #14373
    fabsfabian
    Customer

      Hi Wes and CSS Gurus,

      Can you please help me on reducing the space between the Slider Wide widget and the Welcome Wide widget? In http://fabsfabian.com/ I would like the text block (“Landscape and Nature Photography”) to be closer to the slider.

      Thanks,

      Fabs

      October 28, 2014 at 11:43 pm #14388
      Wes
      Moderator

        If you take a look on line 1318 in your css you can adjust the padding top and bottom – 

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

        You can adjust the padding depending on how much smaller you want it to be – padding: 60px 0 30px; In this case, the top is 60px, the 0 is both left and right, and the 30px is the bottom. If you increase or decrease the top, just make sure you add the same amount to the bottom. Example, if you decrease the padding-top by 10 or 20px, then you’ll need to do the same for the bottom since they are equal in this situation.

        November 4, 2014 at 10:12 am #14442
        fabsfabian
        Customer

          Thank you Wes for the great support!!! This solved it! 馃檪

          November 4, 2014 at 7:29 pm #14444
          Wes
          Moderator

            You’re Welcome!

          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • The topic ‘How to reduce space between Slider Wide and Welcome Wide’ is closed to new replies.