• 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 thin grey row from below slyder

Home › Community Forums › Epik Theme Support › How to remove thin grey row from below slyder

Tagged: epik, gray, remove, row, Slider

  • This topic has 7 replies, 3 voices, and was last updated 8 years, 3 months ago by Wes.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 11, 2014 at 10:39 pm #11236
    CTS
    Customer

    Hey everybody, can this grey row below the slyder be removed somehow? Thanks!

    Issue

    March 11, 2014 at 11:47 pm #11240
    Wes
    Moderator

    Yes I’m sure it can. Do you have a link to your site so I can see what needs to be done?

    March 12, 2014 at 1:00 am #11242
    CTS
    Customer

    Thanks Wes!

    http://crafttech.co/cts1/

    You can see it in the image above in red pointing to it.

    March 12, 2014 at 8:10 pm #11261
    Wes
    Moderator

    take a look around line 1168 in your css and remove the bottom margin –

    .slider .wrap {
        margin: 0 auto 20px;
        padding: 0;
        width: 1140px;
    }

    Change the 20px to 0 like this –

    .slider .wrap {
        margin: 0 auto 0;
        padding: 0;
        width: 1140px;
    }
    March 14, 2014 at 1:00 am #11285
    sfriend
    Customer

    Wes, I have a similar issue. I have my slider in the SLIDER WIDE widget and then content in the SLIDER widget (could send you a screenshot if needed, but am using a proxy server so I can’t send a link). A thin gray line appears across the entire screen maybe ten pixels below the SLIDER WIDE widget right through the written content in the SLIDER widget. I think it’s associated with the top of the SLIDER widget in some way. Thanks for a heads-up on where to repair this.

    Cheers, Sandra
    Screenshot of gray line problem

    March 14, 2014 at 10:56 am #11294
    Wes
    Moderator

    I would need a link in order to know what’s going on. Screenshot/Code won’t be enough since I would need to inspect everything together. So just let me know once you have a link available and I can tell you exactly what needs to be done (it should be a quick fix).

    March 29, 2014 at 11:26 am #11506
    sfriend
    Customer

    Site is live, and the thin grey line is still there below the slider. I managed to move content below it with a line break and a header above it. Here’s the link: http://floridahikes.com . Look for it below “Welcome to Florida Hikes” and above our photo and Using the Map.

    Thanks for your help!

    March 29, 2014 at 5:58 pm #11514
    Wes
    Moderator

    The gray line that you’re seeing is coming from the plugin/code that you added inside of the widget –

    <div id="mapp0_links" class="mapp-map-links"></div>

    The css that it’s using is this –

    .mapp-map-links {
    background-color: #F0F0F0;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    }

    So if thats a plugin you’re using, then you would have to override it by adding some code in your style.css file like this –

    .mapp-map-links {
    background-color: none !important;
    border: none !important;
    }
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Log In

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 © 2022 · Appfinite · Built With The Genesis Framework