Advanced Tab

Here you can see the possible settings available in the Advanced tab of a Section, Column, or Widget. Not all settings are available for every element.

Advanced

advanced-avanced-tab
Advanced tab

Margin: Set the section Margin
Padding: Set the section Padding
Z-index: Set the Z-Index. Learn more about Z-Index
CSS ID: Set a CSS ID for your section
CSS Classes: Set CSS Classes for your section

Motion Effects

motion effects tab
Advanced - Motion Effects

Entrance Animation: Click the dropdown to choose an animation. Learn more about Entrance Animation

Background

advanced background tab
Advanced - Background

The following options can be set independently for both the normal and hover states.

Background Type: Choose between Classic or Gradient

Border

advanced border tab
Advanced - Border

The following options can be set independently for both the normal and hover states.

Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved

Border Radius: Set the border radius to control corner roundness

Box Shadow: Adjust box shadow options

Positioning

advanced positioning tab
Advanced - Positioning

Width: Select the width of the element, choosing from Full Width (100%), Inline (auto), or Custom. 

 

Custom Width: Only available if Custom is chosen. Use the slider to adjust the width of the element within the column.

Vertical Align: Only available if Full Width (100%) or Inline (auto) is chosen. Select to display the element at the Start, Center, or End.

Position: Select the position of the element, choosing either Default, Absolute, Fixed, or Custom. Absolute positions an element absolutely to its first positioned parent. Fixed positions an element relative to the user’s viewport. 

If either Absolute or Fixed are selected, the following options also become available.

Horizontal Orientation: Sets the horizontal reference point for the absolute positioning, with choices of either Start or End.

Offset: Changes the horizontal reference point by the amount of the offset

Vertical Orientation: Sets the vertical reference point for the absolute positioning, with choices of either Start or End.

Offset: Changes the vertical reference point by the amount of the offset

Learn MoreHow To set Absolute Position for An Element

Responsive

advanced responsive tab
Advanced - Responsive

Reverse Columns: Slide to reverse your columns order (Great for Mobile)

Visibility: Show or Hide your section on Desktop, Tablet, or Mobile

Effects

advanced effects tab
Advanced - Effects

Choose Effect Type from the dropdown. Learn more about Effects.

Sticky

advanced sticky tab
Advanced - Sticky

The Sticky Effect lets you set a Section/Widget as sticky, so that it sticks to the top or bottom of the screen.  Learn more about Sticky.

Ribbon

advanced ribbon tab
Advanced - Ribbon

Slide to Yes to add the Ribbon to your widget. Learn more about Ribbon.

Additional Settings

advanced additional settings tab
Advanced - Additional Settings

Add your own custom attributes and custom CSS. Learn more about Custom Attributes