• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

How to remove padding around slider wide widget?

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

Tagged: epik slider wide widget padding

  • This topic has 5 replies, 3 voices, and was last updated 9 years, 1 month ago by Wes.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 17, 2013 at 11:41 am #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?

    November 17, 2013 at 10:57 pm #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;
    }
    February 5, 2014 at 12:56 pm #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

    February 5, 2014 at 6:25 pm #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%;
    }
    February 5, 2014 at 6:51 pm #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

    February 6, 2014 at 9:07 am #10440
    Wes
    Moderator

    You’re Welcome!

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

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework