Advanced Tab

Table of Contents

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)

  1. Add your own custom CSS

Powered by BetterDocs