How to remove padding around slider wide widget?

Homepage Community Forums Epik Theme Support How to remove padding around slider wide widget?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #8953
    alzgodemort
    Customer

      Hi,

      On my test website : http://test.defientreprises.com , I have a picture in the slider wide widget, but I can’t remove the padding (grey area) around it. I tried to look at the css style with chrome «inspection», but what I tried didn’t work (remove the slider-wide wrap and remove the header wrap). Any idea how I could remove it?

      #8957
      Wes
      Moderator

        Take a look at this comment – https://appfinite.com/topic/slider-wide-fullscreen/#post-8502 ….you just need to remove that space from the .head-wrap

        Then since the bottom of your image is showing 12px of margin, you’ll want to add this to your css –

        .slider-wide img {
            margin: 0;
        }

        Then there will be a tiny bit of space left which can be fixed by adding line-height: 0; to .slider-wide .widget

        .slider-wide .widget {
            line-height: 0;
            margin: 0 0 0px;
        }
        #10420
        Kim
        Customer

          Hi Wes,

          Loving this theme and will be using it for several clients!

          I’m having a slight issue with the padding underneath my slider wide widget. I currently have a test image up. I followed all of your instructions here on this post as well as your post here https://appfinite.com/topic/slider-wide-fullscreen/#post-8502 but I still have some padding on the bottom. I also regenerated thumbnails which had no effect. Is this padding something to do w/ the welcome features 1, 2 & 3 that I’m using?

          http://www.lifecommunitychurch.net


          Kim Pahl
          True Vine Web Creations
          http://www.truevinewebcreations.com

          #10429
          Wes
          Moderator

            Since you’re using the “Slider Wide” widget there is a margin (20px) at the bottom. Take a look around line 1151 in your css and change it to 0 –

            .slider-wide .wrap {
                margin: 0 auto 20px;
                padding: 0;
                max-width: 100%;
            }
            #10433
            Kim
            Customer

              Oh brother, I can’t believe I missed that! Looking at it too long I guess. Thank you…that did the trick!


              Kim Pahl
              True Vine Web Creations
              http://www.truevinewebcreations.com

              #10440
              Wes
              Moderator

                You’re Welcome!

              Viewing 6 posts - 1 through 6 (of 6 total)
              • The topic ‘How to remove padding around slider wide widget?’ is closed to new replies.