How Can We Help?

Section Overview

Created On
Last Updated On
byadmin
Print
You are here:
< All Topics

Layout

  1. Content Width: Set the Content Width to Boxed or Full Width. When choosing Boxed – use the slider to set your width
  2. Columns Gap: Set your Columns Gap
  3. Height: Choose between Fit to Screen: Your section will fill the screen, and Min Height: Set a Min Height, and use the slider to set your section height
  4. Vertical Align: Set your Section content’s vertical alignment
  5. Overflow: Select how to handle content that overflows its container. Default allows the overflow. Select Hidden to hide the overflowing content.
  6. Stretch Section: Force the Section to stretch to the full width of the page
  7. HTML Tag: Set an HTML Tag for your section.

Style

Background (Normal & Hover)

  1. Background Type: Choose between Classic , Gradient , or Video Background

Background Overlay (Normal & Hover)

  1. Background Type: Choose between Classic or Gradient
  2. Blend Mode: Set a Blend Mode

Border (Normal & Hover)

  1. Border Type: Set a Border Type
  2. Border Radius: Set your Border Radius
  3. Box Shadow: Add a Box Shadow

Shape Divider (Normal & Hover)

  1. Type: Click the dropdown to choose your Shape Divider style
  2. Color: Pick a color
  3. Width: Set the width of your Shape Divider
  4. Height: Set the height of your Shape Divider
  5. Flip: Flip the direction of your Shape Divider
  6. Bring to Front: Force your Shape Divider to be in front of other objects

Typography

  1. Set Typography Colors for the section

Note: The ‘Set Typography’ colors won’t work if Default Colors are enabled.

Advanced

Advanced

  1. Margin: Set the section Margin
  2. Padding: Set the section Padding
  3. Z-index: Set the Z-Index. 
  4. CSS ID: Set an CSS ID for your section
  5. CSS Classes: Set CSS Classes for your section

  Motion Effects

  1. Sticky: Set your section as Sticky, and choose between Top or Bottom. 
  2. Scrolling Effects: Set Scrolling Effects to On to choose from a variety of animations and interactions that can occur when the user scrolls through the page.
  3. Entrance Animation: Click the dropdown to choose an animation.

Responsive

  1. Reverse Columns: Slide to reverse your columns order (Great for Mobile)
  2. Visibility: Show or Hide your section on Desktop, Tablet, or Mobile

Attributes

  1. Add your own custom attributes.

Custom CSS

  1. Add your own custom CSS

Table of Contents