Adjust the Container's Background Color/Opacity
1. Select Design in the gray navigation bar.
2. Navigate to your desired page using your site's navigation
3. On the righthand side, select the "Page" tab
4. Select the block title that you're changing
5. From here, find the Container dropdown near the bottom
7. Now, select your desired color and opacity to accomplish the look you like
Note: Background colors with decreased opacity can show a custom image background underneath it.
8. Select Save and Publish to make it live
Related Articles
Apply a Gradient Color to Your Content Containers
Adding a gradient color to your content containers can instantly make your website more visually appealing and dynamic. You can apply gradients to text boxes, behind images, or even simple lists. Steps to Apply a Gradient to Your Container Follow ...Fully Stretch Background Image/Images for Content Blocks
You can add a fully stretched background to your content blocks by following these steps: 1. Select the Design tool in the gray navigation bar. Under the Sitewide tab in the design options on the right-hand side of the preview, select Styles. 2. ...Change the Background of Your Mobile Navigation Menu
The background of your expandable navigation menu on mobile devices can be changed to the color of your choice. How to Change the Mobile Navigation Background 1. Select the Design tool in the gray navigation bar. 2. Select Navigation under Sitewide ...Fully Stretch Background Image for Buttons
You can add a fully stretched background to your button by following these steps: 1. Select the Content tool in the gray navigation bar. 2. Select the Page where your button is. 3. Click on the Design this page in the sidebar on your right. 4. Select ...Change the Color of Your Buttons
You can change the background color of all of the buttons on your website, to create a cohesive color and theme throughout your site. How to change button colors sitewide 1. Select Design at the top of the page. 2. Select the Sitewide tab on the ...