[arefsParticipant]

I am still trying to work out how to add the dark semi-transparent overlay to my first slide only.

You mentioned in your post above that “This will be applied to any slide on which you have enabled dotted overlay. If you want to exclude it on certain slides, you can disable dotted overlay on those slides.”

However, I don’t see an option to disable the dotted overlay on specific slides.

The dotted overlay option I am using is in Slider Settings > General Settings > Layout & Visual which applies to all slides.

Where is the option to disable on specific slides?

Thanks.

[FriechModerator]

Hi There,

Regretfully, at this time I am not entirely certain what it is you would like to accomplish. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks!

[arefsParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Sorry to bother you about that and thank you for the clarification. Please update this code:

.tp-dottedoverlay.twoxtwo {
background: rgba(0,0,0,0.7);
}

to this:

.tp-revslider-mainul li:not(:first-of-type) .tp-dottedoverlay.twoxtwo {
background: rgba(0,0,0,0.7);
}

This way the code applies to all slide, except the first one which retains the dotted.

Hope it helps, Cheers!

[arefsParticipant]

Thanks but you’ve misunderstood.

I want the 1ST SLIDE ONLY to use the dotted overlay. Again, the 1ST SLIDE ONLY should use the dots, shadow etc..

I’m not sure I can be any clearer than this.

The 1st slide should use the dotted overlay and all the other slides should have nothing.

Right now, the code you’ve given me does the following:

1st slide has the dots
All other slides have the overlay.

Could you have another look at this?

[FriechModerator]

Hi There,

This is kind of tricky than it sound. So you mean you want the first slide to have both the dotted and the color overlay? While the others has nothing? I hope that is the last information we need. What we need here is a two sets of code. First is to add the color overlay on the first slide only.

.tp-revslider-mainul li:first-of-type .tp-dottedoverlay.twoxtwo {
	background-color: rgba(0,0,0,0.7);
}

And the second code is to remove the dotted overlay to slides, except the first one.

.tp-revslider-mainul li:not(:first-of-type) .tp-dottedoverlay.twoxtwo {
	background-image: none;
}

I hope I got it this time. Thanks!

[arefsParticipant]

You got it 🙂

Thanks for your help. Much appreciated.

[ChristopherModerator]

You’re welcome.

[Author]

Posts