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 CSSConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a plus: 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 On to choose from a variety of animations and interactions that can occur as the user scrolls through the page. Learn more about scrolling effects.
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 DegradedConcepto de Degradado¿Qué es un Degradado?El Degradado es una técnica que está fundamentalmente vinculado con el terreno del diseño gráfico y la maquetación, con todo lo que tiene que ver con la elaboración de imágenes o su modificación. Se trata de combinar dos colores de forma que uno va perdiendo intensidad a medida que el otro la va ganando, realizando una transición cromática suave que puede obtener resultados muy impactantes.Una plus

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