How to add images with background overlay or gradients

Created by Aaron Refari, Modified on Fri, 6 Nov, 2020 at 4:34 PM by Aaron Refari

First thing to check before continuing in this article is that your website was built by Refari by looking for the 'built by Refari' in the footer of the website. If you see this then this article applies to you :)

Adding overlays to pictures can be incredibly useful not only for keeping images more inline with your colour scheme but also for making text on top of the images appear more legible due to improved contrast ratios.

In the following video we go through some examples to help you use this feature and get the best out of it.




Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article