Skip to main content

Design

  1. Content width: Set the Content Width to Box or Full Width. When choosing Boxed, use the slider to set its width
  2. Column spacing: Set the space between columns
  3. 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
  4. Vertical alignment: Sets the vertical alignment of your section content
  5. Overflow: Select how to handle content that overflows your container. Default allows overflow. Please select Hidden to hide overflow content.
  6. Stretch section: Forces the section to stretch to the full width of the page
  7. HTML tag: Set an HTML tag for your section. More information on HTML tags

Style

Background (normal and floating)

  1. Background Type: Choose from Classic, Gradient, or Video background

Background overlay (normal and floating)

  1. Fund type: Choose between Classic or Degraded
  2. Blend mode: Set a blending mode

Edge (normal and floating)

  1. Border type: Set a border type
  2. Edge radius: Set your edge radius
  3. Shadow of the box: Add a box shadow

Shape divider (normal and floating)

  1. Type: Click the drop down menu to choose your shape divider style
  2. Colour: Choose a color
  3. Width: Set the width of your Shape Divider
  4. Height: Set the height of your Shape Divider
  5. Turn around: Change the direction of your shape divider
  6. Bring to the front: Force your Shape Divider to face other objects

More about Shape Divider


Typography

  1. Set font colors for the section

Note: The 'Set Typography' colors will not work if Default colors are enabled.


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. CSS ID: Set a CSS ID for your section
  5. CSS classes: Set CSS classes for your section

Motion Effects (Pro Users Only)

  1. Sticky: Set your section as Fixed and choose between Top or Bottom. More about Sticky
  2. 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.
  3. Entrance animation: Click the drop-down menu to choose an animation. More information on the entrance animation

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

Custom CSS (Pro only)

  1. Add your own custom CSS
R Marketing Digital