Contenidos
ToggleDesign
- Content width: Set the Content Width to Box or Full Width. When choosing Boxed, use the slider to set its width
- Column spacing: Set the space between columns
- Height: Choose between Fit to screen: Your section will fill the screen and Minimun height: Set a minimum height and use the slider to set the height of the section
- Vertical alignment: Sets the vertical alignment of your section content
- Overflow: Select how to handle content that overflows your container. Default allows overflow. Please select Hidden to hide overflow content.
- Stretch section: Forces the section to stretch to the full width of the page
- HTML tag: Set an HTML tag for your section. More information on HTML tags
Style
Background (normal and floating)
- Background Type: Choose from Classic, Gradient, or Video background
Background overlay (normal and floating)
- Fund type: Choose between Classic or Degraded
- Blend mode: Set a blending mode
Edge (normal and floating)
- Border type: Set a border type
- Edge radius: Set your edge radius
- Shadow of the box: Add a box shadow
Shape divider (normal and floating)
- Type: Click the drop down menu to choose your shape divider style
- Colour: Choose a color
- Width: Set the width of your Shape Divider
- Height: Set the height of your Shape Divider
- Turn around: Change the direction of your shape divider
- Bring to the front: Force your Shape Divider to face other objects
More about Shape Divider
Typography
- Set font colors for the section
Note: The 'Set Typography' colors will not work if Default colors are enabled.
Advanced
Advanced
- Margin: Sets the margin of the section
- Filling: Sets the Padding section
- Z index: Sets the Z index. More information about Z-Index
- CSS ID: Set a CSS ID for your section
- CSS classes: Set CSS classes for your section
Motion Effects (Pro Users Only)
- Sticky: Set your section as Fixed and choose between Top or Bottom. More about Sticky
- Scroll Effects: 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.
- Entrance animation: Click the drop-down menu to choose an animation. More information on the entrance animation
Sensitive
- Inverse columns: Swipe to reverse the order of the columns (great for mobile devices)
- Visibility: Show or hide your section on your desktop, tablet or mobile device
Attributes (Pro only)
- Add your own custom attributes. Learn more about custom attributes
Custom CSS (Pro only)
- Add your own custom CSS