Query on slide & banner overlays

Hi

I’m just wondering if there are any color overlay options for slides or promo banners?

The problem I’m looking to solve is white text on a slide or a banner that is hard to read over the original image. I’d like to darken the background image to my taste so the text stands out more. I don’t see any options for this and there may not be – is there any CSS I can apply to achieve the goal?

I know that I can darken the images in photoshop before uploading – but I’d prefer a better solution through element settings or CSS.

See the example at the link below – I’ve darkened the slider images at the top of the page in photoshop. The promo banner further down (Interested in selling Ark Farm Innovation Products?) hasn’t been updated and it is very hard to read the white text.

Login details in private content if required

Thanks

Hello,

You can edit the section and use the background overlay from the style tab.
https://postimg.cc/z3TLWrmX

Best Regards.

Hi

That doesn’t seem to work for me – see screenshot attached. Am I doing something wrong?

Could you login using the details provided and see if it works for you?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

This overlay option only works when you upload the image from the Elementor background option. This option will not work on the image which you have uploaded through the slides.

I have done it for you: https://ibb.co/gwBMSZT

Best Regards.

[Author]

Posts