Slider Revolution Text Background Opacity

Support
#1

Hi,

We have a staging version of our clients site with a slider revolution slider on the home page above the masthead. For some reason, the opacity settings we apply don’t translate to the live version of the site. We are trying to add a 48% opacity on the background of the text elements. We can change this setting in the backend, and it displays correctly in the slider preview however once we save and navigate to the front end we get a full white background with no opacity. Please advise?

#2

Hi @duncmoran,

Thanks for writing in.

I have tried to check your setup however I could not connect to the site you shared.

Please check the URL that you shared.

Let us know how it goes.

Thanks.

#3

Strange? I just checked and it is working at our end. Please try again and let me know if you have a repeat of this issue.

Thank you!

#4

Hi,

To adjust opacity, you can try adding the code below in Slider Settings > Custom > CSS

.my-text {
    background:rgba(255, 255, 255,0.5);
}

Hope that helps.

#5

Hi, Thanks for the suggestion however unfortunately it has had no effect. Do you have any other recommendations?

Thanks

#6

Hey There,

Please update the previous CSS to this:

.my-text {
    background:rgba(255, 255, 255,0.5) !important;
}

https://i.imgur.com/YbzUCGl.png

Let us know how it goes!

#7

This worked ^, Thanks so much for your help. Greatly appreciated!

#8

Sorry, It is only working on the first slide, the other two still present with the same problem. any ideas?

#9

Hi @duncmoran,

You should also add my-text class to your other slider so that it will work on other slides.

Hope it helps.

Thanks.

#10

Hi, This has fixed it. Excellent support yet again. Thanks so much.

In another slightly related issue. the second slide seems to drop the background image after the first rotation (ie on the second rotation it is a blank/black background for slide 2). The image seems to reappear briefly during the transition effect. Do you have any idea how we might go about fixing this?

Thank you for your help.

#11

Hi @duncmoran,

This could be because of the timeline of your box and slider and Time delay of each slider.

Play with your slider settings and the timeline of your sliders.

Hope it helps.

Let us know how it goes.

Thanks.

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.