Slider and Slider Wide Margin

Homepage › Community Forums › Epik Theme Support › Slider and Slider Wide Margin

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 24, 2014 at 3:45 am #10901
    GuiLois
    Customer

      Hi all,

      I want to reduce the amount of white space above the first line of text in the slider and slider wide widgets.

      Obviously space at the top of a top page is a premium and a gap here would be better reduced a lot.

      I have done the following in style/css:

      /* Slider Wide
      ——————————————— */

      .slider-wide {
      clear: both;
      width: 100%;
      }
      /*Guy changed auto from 20px to 0 to reduce margin and padding from 30px to 0 (first digit)*/
      .slider-wide .wrap {
      margin: 0 auto 0;
      padding: 0 0 0;
      max-width: 100%;
      }
      /*Guy changed auto from 20px to 0 to reduce margin */
      .slider-wide .widget {
      margin: 0 0 0;
      }

      /* Slider
      ——————————————— */

      .slider {
      clear: both;
      }
      /*Guy changed auto from 20px to 0 to reduce margin */

      .slider .wrap {
      margin: 0 auto 0;
      padding: 0;
      width: 1140px;
      }
      /*Guy changed auto from 20px to 0 to reduce margin */
      .slider .widget {
      margin: 0 0 0;
      }

      but no improvement.

      Can anyone advise?

      Thanks

      February 25, 2014 at 4:16 am #10930
      GuiLois
      Customer

        Does anyone know where I can find the css that defines that white gap below the header ? is it part of the slider widget or a bottom margin for the header above?

        I’ve tried reducing all margins I have found that seem to be relevant to the above two items in style.css but nothing changes this big margin.

        thanks

        February 26, 2014 at 5:50 am #10954
        Wes
        Moderator

          What is the link to your site again? ….are you referring to this site? – test.melodypods.com/ I searched your other threads and saw that link so I wasn’t sure if that was it or not.

          It looks like you already made the adjustments to the margin/space, if not just let me know.

          February 26, 2014 at 6:18 am #10962
          GuiLois
          Customer

            Yes thanks Wes that’s the one. I have found a few in CSS which is great but I need help with the gap between home feature 4 and 5 widgets as well as the space that occurs under the menu in mobile screen mode.

            Thanks

            February 26, 2014 at 6:45 am #10967
            Wes
            Moderator

              The home-feature-4 and 5 space is actually coming from the classes – .home-feature-bg-alt .wrap and .home-feature-dark.wrap They are repeated for all of the widget areas home-feature 1 -14 to save space. You could add and replace the ones inside your home.php file with your own classes (which will have less space once you style it)

              For the space in the header (when responsive mode kicks in) this is the code that it’s using (line 1980) – 

              .header-image .site-header .widget-area {
    padding: 40px 0;
    padding: 2.5rem 0;
}

              So you could copy that and add it to your Responsive sections and reduce the padding so it will remove the space in mobile view.

              February 26, 2014 at 8:31 am #10976
              GuiLois
              Customer

                Excellent, thank you Wes, that made a lot of difference.

                I have realised my white background images have a fair bit of pixel white at the bottom as well so clearly I need to do some cropping to tighten things up as well.

                February 26, 2014 at 8:45 am #10980
                Wes
                Moderator

                  You’re Welcome!

                • Author
                  Posts
                Viewing 7 posts - 1 through 7 (of 7 total)
                • The topic ‘Slider and Slider Wide Margin’ is closed to new replies.