[MattHollParticipant]

Hello.

I am using the Band expanded demo “about” page as a basis for starting on a page and want to change the background color of the slider. It’s not the Revolution slider, but just the basic slider element and the way it’s setup in that demo, there seems to be a black or dark grey background color that is semi transparent overlaying the slide images. I would like to have control of that color. Looked around the forum quite a lot and couldn’t figure it out.

The page is here, though I am just getting started on it.

http://www.hrvatskohomebrewprvenstvo.beer/homebrew-supplies/

I tried the following CSS and tried changing the color to red to make it clear if it was working or not and neither of these worked.

.x-flexslider-shortcode-container.with-container,
.x-flexslider-shortcode-container .x-flexslider-shortcode {
background-color: transparent;
}

and

.x-flexslider-shortcode-container .x-flexslider-shortcode {
background-color: #fff;
}

Then I tried this one and it does control the color of the container.

.x-flexslider-shortcode-container .x-flexslider-shortcode {
background-color: rgba(0, 0, 0, 0.3) !important;
padding: 0 10px !important;
}

I tried deleting the -container in the above code and that didn’t work. I can’t seem to figure out where the control is for that color.

Any help is greatly appreciated.

[ThaiModerator]

Hi There,

Please provide us with your admin account so we can take a closer look.

Thanks.

[MattHollParticipant]

This reply has been marked as private.

[MattHollParticipant]

I found it in the dev area of Firefox, but I don’t know where that actual file is located to change that color or if it’s possible just in CSS or what.

[MattHollParticipant]

I found it. This code works:

.h-slider {
background-color: transparent !important;
}

[ThaiModerator]

Glad you’ve sorted it out 🙂

If you need anything else please let us know.

[Author]

Posts