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

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?
0 out of 0 found this helpful