Group Properties

The Group Properties panel gives you access to an array of powerful settings

  1. Click the Gear button in the Group Hover Buttons

Background

  • Background Type: You can select a color, image, or video background. With video backgrounds, it is recommended not to choose a large file, as this will significantly impact your page’s loading time.

  • Overlay Type: This will cover any image or video background you have. A gradient will allow you to fade between two colors across the Background

  • Colors: Specify the color you want from the color-picker.

  • Opacity: Determine how opaque the overlay should be. A full opacity will completely cover the background in the selected color or gradient

  • Texture: Select from a variety of textures. The texture will be applied to the overlay and tile across the whole background

  • Image Parallax: This will give your background a 3D effect while scrolling down the page

  • Constrain Image Size to Container: This will shrink the image so it fits the group. This will ensure that the whole image is visible, but could leave empty spaces on the borders depending on the aspect ratio of the image

  • Anchor Name: This will allow you to link to this specific group on the page, and when the link is clicked the page will scroll down automatically to this group

Properties

  • Horizontal Section Margin: Add a horizontal margin between sections in this group

  • Vertical Section Margin: Add a vertical margin between sections in this group

Layout Settings

  • Font Color: Select the default font color for this group. Font color can be set more specifically in the Inline Editor

  • Minimum Height: Set the minimum height of the group

  • Top padding: Set the top padding on the group. This will put an empty space between the first section and the top of the group

  • Full Height: This will set the group height to the height of the viewport