Column Design Editor

To edit the background style or spacing of a column:

1. Right click on the column, then click Edit Design.
2. Note
3. If there is no padding on the column, the right click will not be directly accessible. To access the column in this case, right click on a widget that is in the column (this should bring up the context menu for the widget and will note the name of it at the top), click Select Container, select Column. To verify it has changed to the column's context menu, refer to the top; it should now say Column.
4. On the Style tab, select a use a Background Color, Image, or Video. You have the following options:

• Color.
• Select a Background color. Gradient color overrides image, and vice versa.
• Click Border to select a border type, and move the slider to set the border width.
• To add a shadow, click the Shadow toggle, and select a color, type, and position for the shadow.
• Image.
• To add an image to the background, click + to open the image picker.
• To create a background image slider, select multiple images from the image picker.
• Select to have the image display as a Cover, Full image, Tile, or No repeat.

• Configure the Position, Background overlay, Border, and Shadow for the image.
• Video. Click Select Video to view uploaded videos or paste the URL of the YouTube, Vimeo or Dailymotion video in the field provided. For more information about video backgrounds, see Video Backgrounds.

Background Image Slider

After selecting multiple images in the image picker, click Done. Once the slider is created, select a Slide transition from the drop-down menu, and move the slider to select a Slide speed (seconds).

Any of the other background image options such as Background Overlay, Positioning, and display style can be applied to the slider.



Note: Background Image Sliders can be added to any row as well.