Button

  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Box shadow - Here you can enable box shadow.
  • Enable full width - Turn switch on if you want to make a full width button.
  • Align for Desktop - Here you can select the icon align for desktop.
  • Align for Tablet - Here you can select the icon align for tablet.
  • Align for Mobile- Here you can select the icon align for mobile.

How to customize typography you can check in Typography Settings Category:

Advanced Settings

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

Motion Effects

  1. Sticky (Elementor Pro only): Set your section as Sticky, and choose between Top or Bottom. 
  2. Scrolling Effects (Elementor Pro only): 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.

Background

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

  1. Background Type: Choose between Classic or Gradient

Border

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

  1. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved
  2. Border Radius: Set the border radius to control corner roundness
  3. Box Shadow: Adjust box shadow options

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.