How do I add a color overlay or a tint to an image on my website?

To add a cover overlay to an image, select the Manage Your Site tile.

Hover over the image and select the Styling icon.

Select “Advanced Settings”.

                  

Select a color from the color wheel or enter a color code.

                  

Adjust the opacity to apply the overlay to your image.

                   

• Related Articles

• How do I add an overlay to my website?

  To add an overlay, select the Manage Your Site tile. Hover over the block where you want to add the overlay and select the gear icon.  Select the Overlay icon. Enter a color code or select a color from the color wheel. Adjust the transparency as ...

• How do I add an image to my website?

  To add an image to your website, select the Manage Your Site tile.                         Select the + icon on the section you would like to add an image. select the Media icon.                      Upload an image from your computer or select an ...

• How do I add a color gradient to my website's background?

  To add a color gradient to your background, select the Manage Your Site tile. Hover over the block where you want to add the background and select the gear icon.  Select the Overlay icon. Enter a color code or select a color from the color wheel. ...

• How do I add a color to a container on my website?

  Select Column Settings. Select “Add Container Color” to add a background color. Select a color from the color wheel or enter a color code. Adjust the transparency as needed.

• How do I add a second color to a container on my website?

  Select Column Settings. Select “Add Container Color” to add a background color. Select a color from the color wheel or enter a color code. Adjust the transparency as needed. Select “Add Secondary Color” to add a second color. Select a direction for ...