Slider Overlay


I have the Sydney Pro Theme and I’m using the built in Full Screen Slider for the front page. Is there a way to put an overlay on the slider, similar to what is on the Header Images on other pages but not quite as dark?

My website is

Thanks for any help!

Hello Micah12,

Please try to use the following CSS code to add header slider overlay.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

.slide-item::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hello Roman,

That worked great.

Thank you!

You are welcome Micah12!

And have a nice day :slight_smile:

Kind Regards, Roman.