Slider image overlay


I’m using the Sydney theme, and would like to replace the text on the slider with an image overlay (so there is a logo with a transparant background centered over the images).

I just found this question about the overlay:

and was wondering if there is an easy way to tweak this to show an image, so I can use the custom css and don’t have to edit into the theme code (making updating in the future difficult)?

Hello, sure, you can try to use the following CSS code instead of the code in that topic.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

.slide-item::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url(;
    background-repeat: no-repeat;
    background-position: center;

Just replace with a link to desired image.

Kind Regards, Roman.

Awesome, thanks for the quick feedback! I tried that before but without the position, which is probably why it didnt work!

You are welcome! :slight_smile:

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

Kind Regards, Roman.