I'm trying to set up two types of slides in Revolution slider. There will be the main background image for the slide, then a semi-opaque layer taking up 40% of the left side or the right side of the slide, with a text layer above that. I have the following css that can achieve the semi-opaque layer for one side (right or left, in the case below, left side) using the 'after' psuedo selector:
This takes care of the one side of the transparency but not the other, so I need a slide-specific class which adds a 'left' or 'right' property to the parent .slotholder class. Any suggestions?
DanLDanL
Apr 19, 2017 an image is applied by the jquery ui css, which hides any background-color applied to the slider elements. Simply specify background-image as none in your own style after jquery css is loaded. I'm trying to dynamically set the color of ui-slider-range (per slider on html page) depending on ui.value, and not having much luck setting it in slide option during slider creation. You will Slider Revolution Slider Revolution is an innovative, responsive WordPress Slider Plugin that displays your content the beautiful way. Whether it's a Slider, Carousel, Hero Image Scene or even a whole Front Page, the visual, drag & drop editor will let you tell your own stories in no time! And it does not even matter if your visitor.
2 Answers
you can try to use also :before for the right side, please try use this css
Artur BrzozowskiArtur Brzozowski
In the 'Link & Seo' section, there is a field to add a class to the
<li>
of the slide - You can add a class (e.g. 'right-text', 'left-text') and apply the appropriate css rule, e.g.DanLDanL