Fully Stretch Background Image for Content Blocks

Fully Stretch Background Image 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.

Screen_Shot_2018-10-18_at_10.26.27_AM.png

2. Select Content Blocks.

Screen_Shot_2018-10-18_at_10.23.18_AM.png

3. Tick the box that says Stretch block background to container edges.

Screen_Shot_2018-10-18_at_10.23.31_AM.png

4. Select Save and Publish to take your changes live!

To get a custom background:

1. Select the Design tab in the gray navigation bar. Select your Button in the preview panel.

Custom_Background.gif

 

2. Scroll down until you see Container and next to Background select Custom. Select the Pick From Library button or drag an image into the blue box.

Screen_Shot_2018-10-18_at_10.41.48_AM.png

3. Select Save and Publish to take your changes live!

    • Related Articles

    • Change the Background of a Content Block

      Give your background a splash of color by following these steps to modify the transparency and shades of your background: 1. Select Design in the navigation bar, and locate the page you’d like to change the background color for. On the right-hand ...

    • Add a Background/Custom Background to Your Website Page

      You can customize the background for specific pages on your website by following these steps: 1. Select the Design tool in the gray navigation bar, or the blue Design this page button on your Content page to enter the Design tool. Navigate to the ...

    • Add an Image/Image Gallery

      Add an Image or Image Gallery block to your page by using one of our preset content blocks. Note: An Image block only allows you to upload one image, while an Image Gallery allows you to add multiple. 1. Select the Content tab in the gray navigation ...

    • Apply a Gradient Color to Your Content Containers

      Changing the background color of your content blocks just got a lot more interesting. Now, with a simple click of your button, create a gradient color on your text boxs, behind images, or even behind your simple lists. To apply a gradient to your ...

    • Expand Images to Fill Window (Set a Hero Image)

      A Hero Image is an image on your website that is the background for the navigation bar, as well as the top portion of your home page. To add a Hero Image: 1. Select the Content tab in the gray navigation bar, and click on the Page you would like to ...