How do I put a transparent colour over a background image on a landing page?

In order to overlay a colour 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 ;


To do this, follow these steps:



Step 1: Edit the Row Styles




Step 2: Open Backgrounds and Colours and use the colour picker for the Background Colour to select the colour 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 OK




Step 4: Profit!

Updated on: 11/11/2022