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



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



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



Was this article helpful?
0 out of 0 found this helpful