Advanced Tab

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

Advanced

Advanced

1. Margin: Set the section Margin
2. Padding: Set the section Padding
3. Z-index: Set the Z-Index. Learn more about Z-Index
4. CSS ID: Set an CSS ID for your section
5. CSS Classes: Set CSS Classes for your section

Motion Effects (Pro only)

1. Sticky: Set your section as Sticky, and choose between Top or Bottom. Learn more about Sticky
2. Scrolling Effects: Set Scrolling Effects to On to choose from a variety of animations and interactions that can occur when the user scrolls through the page. Learn more about Scrolling Effects
3. Entrance Animation: Click the dropdown to choose an animation. Learn more about Entrance Animation

Background

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

1. Background Type: Choose between Classic or Gradient

Border

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

1. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved
2. Border Radius: Set the border radius to control corner roundness
3. Box Shadow: Adjust box shadow options

Responsive

1. Reverse Columns: Slide to reverse your columns order (Great for Mobile)
2. Visibility: Show or Hide your section on Desktop, Tablet, or Mobile

Attributes (Pro only)

1. Add your own custom attributes. Learn more about Custom Attributes

Custom CSS (Pro only)

• Add your own custom CSS