Image overlay for text in sliders

Question

Hi,

I'm using sliders in home page of http://education.itwebappsolutions.com
I would like to have overlay on each image so that the text displayed on top of the image is clearly visible.
Can someone help me with the CSS class to be used?

SemiColonWeb · Accepted Answer

Hello,

You can simply consider using the following code for each Slide:

...

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

dsm · Answer

Hi,

Thanks. I can see it's working now. However, I feel the overlay darkness is not enough to make the image a little dark to display the white text on it. Is it possible to change the darkness level of the overlay? Please let me know on how to achieve it.

Semicolon Web · Answer

Hello, You can simply change the .video overlay Element as following to tweak the Darkness: This will definitely work fine. Hope this Helps! Let us know if we can help you with anything else or if you find any further issues.

dsm · Answer

Thank you. It worked