Where To Change The Color Overlay On KIDZY Template? - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Where To Change The Color Overlay On KIDZY Template?

Peter Spiegelenburg

Peter Spiegelenburg

Template 2 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

0
5 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #133545

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

0
Peter Spiegelenburg
Peter Spiegelenburg
Accepted Answer
2 years ago #133550

Hi,

I am talking about the image in the header, just below the main menu. The picture has a whit background, but now it looks gey-ish. Where can I change this? I think it is an overlay.

https://prnt.sc/uiZ_EsaUglTX

https://speeltuin.domeintest.eu/images/2023/10/12/welkom-bij-speeltuin-uitgeest.jpg

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #133553

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

0
Peter Spiegelenburg
Peter Spiegelenburg
Accepted Answer
2 years ago #133563

Thanks, working perfectly.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #133581

Glad that it helped and you are always welcome:)

Have a nice day!

0