Solved Templates

Where to change the Color overlay on KIDZY template?

Asked by MoneyPeet 3 years ago Last activity 3 years ago

Hello,

where to change the Color overlay on KIDZY template?
Please have a look at the demo-website: LINK

I can't find it in the settings. The original background image has a white background on the picture, now it is all grey. Where can I change this?

Regards, Peter

Accepted answer

Marked as the solution
Rashida Rahman Staff
3 years ago

You can change the overlay color with this custom CSS in your custom CSS:

.sppb-slider-wrapper.varition-simple .sppb-slideshow-fullwidth-item-bg:before {
    background: rgb(174 121 121 / 56%);
}

And if you want to remove the overlay then use the following code snippet instead:

.sppb-slider-wrapper.varition-simple .sppb-slideshow-fullwidth-item-bg:before {
    content: none;
}

Best Regards

3 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
3 years ago

Hi there!

Thanks for contacting us.

Which color overlay you are talking about please?

I have just checked and color overlays for the "Our Courses" and "Meet Our Staffs" are working fine there on hover:

https://prnt.sc/1j5NgCc2jYGA

Best Regards

MoneyPeet Asked this
3 years ago

Thanks, working perfectly.

Rashida Rahman Staff
3 years ago

Glad that it helped and you are always welcome:)

Have a nice day!

Log in to reply.