How to put a transparent color over a background image on a landing page

Modified on Fri, Dec 15, 2023 at 1:33 PM

In order to overlay a color on top of a background image, you'll need to set the following custom css on your row:


 


box-shadow: inset 0 0 0 1000px <COLOR>;

 


To do this, follow these steps:


 


Step 1: Edit the Row Styles


mceclip0.png


 


Step 2: Open Backgrounds and Colors and use the color picker for the Background Color to select the color and opacity you want and copy it


mceclip1.png


 


Step 3: Using the above provided css, and the color you have chosen, set your custom style under Custom CSS and click Save & Close


mceclip2.png


 

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