Refari Built Websites

How to add images with background overlay or gradients

1 min read 4 views Last updated Sep 10, 2026

https://help.refari.work/knowledge-base/article/how-to-add-images-with-background-overlay-or-gradients

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.


Why We Should Use Background Images with Overlays

Background images with overlays enhance website design by ensuring text remains clear and readable while maintaining a polished, professional look. Overlays also help blend images seamlessly with your brand’s color scheme, creating a cohesive and visually appealing user experience.






Was this article helpful?

Still need help? Contact our team

Search or browse first — if you’re still stuck, open a ticket and we’ll get back to you.