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
Margin: Set the section MarginPadding: Set the section PaddingZ-index: Set the Z-Index. Learn more about Z-IndexCSS ID: Set a CSS ID for your sectionCSS Classes: Set CSS Classes for your section
Motion Effects
Sticky (Pro only): Set your section as Sticky, and choose between Top or Bottom. Learn more about StickyScrolling Effects (Pro only): 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 EffectsEntrance 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.
Background Type: Choose between Classic or Gradient
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 groovedBorder Radius: Set the border radius to control corner roundnessBox Shadow: Adjust box shadow options
Mask
The Mask option can be activated by using the toggle. Learn more about Mask Option The following options are available:
Shape: Select the shape of your mask from the dropdown list. Choose one of the preset shapes or upload a custom SVG shapeSize: Select Fit, Fill, or Custom for the size of your maskPosition: Select the position of your mask Top, Right, Bottom, Left, and Center options are availableRepeat: Select the repeat options for your mask
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 offsetVertical 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 More: How To set Absolute Position for An Element
Responsive
Reverse Columns: Slide to reverse your columns order (Great for Mobile)Visibility: Show or Hide your section on Desktop, Tablet, or Mobile
Attributes (Pro only)
Add your own custom attributes. Learn more about Custom Attributes
Custom CSS (Pro only)
Add your own custom CSS