[selfexplorerParticipant]

Hello Team,
I would like to learn to add a custom css for my rev slider slide.
For ex: I did the following steps for changing the opacity of background image.

1.added a class name =lightbg_color and id =bg_opacity_id in the link&SEO sction of the revslider.
2.add added the following in custom css section:
.lightbg_color{background-color: rgba(0, 0, 0, 0.1); }
.rev_slider .tp-bgimg #bg_opacity_id{opacity:0.1; }

3.I would also like to know where can I find tp-content or tp-bgimg etc for reference.

[JadeModerator]

Hi there,

Thanks for writing in! To assist you 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.

[selfexplorerParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for the URL. You can inspect the element in developers tool to find the selectors. If you can point us the element and let us know where you are trying to apply opacity, we can help you to tailor the code for that element.

Cheers!

[selfexplorerParticipant]

Hello,

I am trying to change the color, opacity of the backgroudimage in the revsilder. I see through the developer tool that the element’s class is tp-kbimg.
I tried this: .tp-kbimg{background-color: rgba(255, 0, 0, 0.5);}
but itsnot working.
The class name I gave is “lightbg_color” in the Link&SEO of the slider.But I dont see this name in the inspector elements. Could you please explain more abt this, I am trying to understand how this classes are working.

Thanks!!

[LelyModerator]

Hi There,

The password is not correct. I can’t login on your admin.
Although I did inspect the element and it seems that there’s an image layer and a background.
There’s two image available. Please try this instead:

.home .tp-bgimg.defaultimg {
    opacity: .2 !important; /*Adjust this to your preferred image opacity*/
}

What you have added will not work. Because that’s background color you’re adding on an image element.
Do let us know how this goes.

[Author]

Posts