[flantascienceParticipant]

I’m finding that when I add images to my slider I get a weird grey bar under all of them. Any thoughts on how to remove this?

Jim

[Rue NelModerator]

Hi Jim,

Thanks for writing in!

To remove the weird grey bar under your gallery slider, please add the following css code in the customizer, Appearance > Customize > Custom > CSS or insert this code in your child theme’s style.css (if you are using a child theme)

.site .x-flexslider {
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: hidden;
}

To assist you better with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks you.

[flantascienceParticipant]

I don’t think I’m using a “child theme.” I’m not familiar with that :-/
I tried adding it to the “Custom CSS” part of “Customize” without any luck.

[flantascienceParticipant]

Note: This gray background is also appearing behind my text on this page:

[JadeModerator]

Hey there Jim,

Can you please provide us with the link of the page so that we can check it further? Thank you.

[flantascienceParticipant]

YES – I finally managed to get the site online for you to look at:

lkpnettestt.flantascience.com

The gray appears at the bottom of all the slider images, and also appears behind the text on the “Concept Examples” page.

[flantascienceParticipant]

This reply has been marked as private.

[JadeModerator]

Hi there,

You can add this under Custom > CSS in the Customizer.

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

.x-flexslider .x-slides .x-slide {
    background-color: #fff;
}

Hope this helps.

[flantascienceParticipant]

Perfect!

Thank you much for your help!!!

[ZeshanMember]

You’re most welcome! 🙂

[Author]

Posts