Advanced tongue

These are the possible settings available in the Advanced tab of a section, column or widget. Not all settings are available for all items.

Advanced

Advanced

1. Margin: Sets the margin of the section
2. Filling: Sets the Padding section
3. Z index: Sets the Z index. More information about Z-Index
4. ID de CSS: Set a CSS ID for your section
5. CSS classes: Set CSS classes for your section, separated by spaces

Motion effects

1. Adhesive (Pro only): Set your section as Fixed and choose between Top or Bottom. More about Sticky
2. Scroll Effects (Pro only): Set up Scroll Effects a Activado para elegir entre una variedad de animaciones e interacciones que pueden ocurrir cuando el Username se desplaza por la página. Más información sobre los efectos de desplazamiento
3. Entrance animation: Click the drop-down menu to choose an animation. More information on the entrance animation

Background

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

1. Fund type: Elija entre Clásico o Degraded

Border

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

1. Border type: Select the type of edge, choosing from none, solid, double, dotted, dashed or grooved
2. Edge radius: Sets the radius of the border to control the roundness of the corners
3. Shadow of the box: Adjust box shadow options

Positioning

1. Width: Select the width of the item, choosing from Full width (100%), Inline (automatic), or Custom.
2. Custom width: Only available if Personalized is chosen. Use the slider to adjust the width of the item within the column.
3. Vertical alignment: Only available if Full width (100%) or Online (automatic) is chosen. Select to display the item at the beginning, center, or end.
4. Position: Select the position of the item, choosing Default, Absolute, Fixed, or Custom. Absolute positions an element absolutely to its first positioned parent. Permanent positions an element relative to the user viewport.

If Absolute or Fixed is selected, the following options will also be available.

1. Horizontal orientation: Sets the horizontal benchmark for absolute positioning, with Start or End options.
2. Make up for: Change the horizontal benchmark for the amount of compensation
3. Vertical orientation: Sets the vertical benchmark for absolute positioning, with Start or End options.
4. Make up for: Change the vertical benchmark for the amount of compensation

Learn more: How to set the absolute position of an element

Sensitive

1. Inverse columns: Swipe to reverse the order of the columns (great for mobile devices)
2. Visibility: Show or hide your section on your desktop, tablet or mobile device

Attributes (Pro only)

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