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

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

Motion Effects

  2. Sticky (Elementor Pro only): Set your section as Sticky, and choose between Top or Bottom. 
  3. 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.
  4. Entrance Animation: Click the dropdown to choose an animation.

Background

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

  2. Background Type: Choose between Classic or Gradient

Border

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

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

Responsive

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