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 10 years 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!
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
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