Remove white under slider

[ca2450]

Support,

I am trying to remove the white bar under the slider listed on he homepage of the URL in the secure note. It looks to be a bottom margin, but I can’t figure out how to target it.

Thanks,
Charles

[jade]

Hi Charles,

Please add this code in the Global CSS:

.x-flexslider .x-slides p, .x-flexslider .x-slides img {
    margin-bottom: 0;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.

[ca2450]

That code kind of worked, but there’s still a thin white line at the bottom.

[ruenel]

Hello @ca2450,

Please have to code updated and use this:

.x-flexslider-shortcode-container .x-flexslider-shortcode {
    overflow: hidden;
}

.x-flexslider .x-slides p, .x-flexslider .x-slides img {
    margin-bottom: 0;
}

We would loved to know if this has work for you. Thank you.

[ca2450]

This solution did not work.

Thanks

[ruenel]

Hello @ca2450,

I am no longer seeing any white lines under your slider.

Can you please provide a screenshot in your next reply so that we will have an idea of how it looks like in your browser?

By the way, since you are using CloudFlare, please login and purger your site cache. For best results, make sure that you have use the recommend CloudFlare settings which you can find it here: https://xthemetips.com/using-cloudflare-rocket-loader-with-x-pro-and-x5/928/8/

Thanks.