Adding a Background to a Text Block

Backgrounds can be added within text blocks to add an image or color.

To add a background to a text block:

  1. Create a text block on your page
  2. Select the Advanced Options setting:
  3. Once selected, the following options will be shown:

 

  1. Image URL: The image that you'd like as your text block background. Select Browse to navigate to your Images and Files to select your image.
  2. Repeat:
    • No repeat - Moving: This will keep the background image moving at the same rate as the rest of the page and will stretch smaller images to fit within the space. (Like the scroll background in this example).
    • No repeat - Fixed: This will keep the background image static as you scroll over the page, allowing the rest of the page to move while the image in the background stays in the same spot and will stretch smaller images to fit within the space. (Like the fixed background in this example).
    • Repeat: The image will scroll along with the page and repeat within the text block at its native size to fit it, repeating both horizontally and vertically as applicable.
    • Repeat Horizontally: This will keep the background image static as you scroll over the page and will repeat the image horizontally with the text block at its native size to fit it.
    • Repeat Vertically: This will keep the background image static as you scroll over the page and will repeat the image vertically with the text block at its native size to fit it.
  3. Image Opacity: This will set how opaque/transparent your image is. The higher the number, the less transparent.
  4. Background Position: This sets how the background is positioned within the section.
  5. Background Size:
    • Cover: This will resize the background image to fill the entire container.
    • Contain: This will resize the background image to make sure the full image is visible within the container.
  6. Background Color: If no background image is set, the box's background will become the color set here. If used in conjunction with the Image URL, the image will take on the color cast selected here.