Fully Stretch Background Image/Images for Content Blocks

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

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

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

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

      Note: This option is only available for Emerging, Professional, and Custom plans. This feature is not available on Legacy Hosting or Legacy Professional plans. A Hero Image is an image on your website that is the background for the navigation bar, as ...

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

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

    • Change an Image on Your Website

      Within your liveBooks dashboard, you can swap out images on the fly. You can change images in both the Content and Design sections of the platform. From the Design view From your main dashboard view, click the design view. Select the page you wish to ...