How do I add an overlay to my website?

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 needed.



    • Related Articles

    • 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 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.                    ...
    • How do I adjust the logo background color on my website's header?

      Video Walkthrough:  To make updates to your website's header, select the Manage Your Site tile. Hover over the header section and select the gear icon. Select Logo. To change the logo’s background color, select a color from the color wheel or enter a ...
    • Can I add a block to the header section of my website?

      Yes, you can add a block to the header section of your website. Assigning a block to your header or footer allows you to: Add any blocks to the "Header Section". Re-arrange or move a block into the header. Hide/Show the header on a page level. 1. To ...
    • How do I add a background image to my website?

      To add a background image to a block or website section, select the Manage Your Site tile.  Hover over the block and select the gear icon.  Select the Media icon. Drag and drop an image from your computer or select the drop-down option to browse ...