Button
This shortcode allows to add the button to your page.
Content Settings:
- 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).
- Size - Here you can select the button size
- Type - Here you can select the button
- Box shadow - Here you can enable box shadow.
- Enable full width - Turn switch on if you want to make a full width button.
- Add icon? - Please, turn on the switcher to add the icon.
- 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
- Margin: Set the section Margin
- Padding: Set the section Padding
- Z-index: Set the Z-Index.
- CSS ID: Set a CSS ID for your section
- CSS Classes: Set CSS Classes for your section
Motion Effects
- Sticky (Elementor Pro only): Set your section as Sticky, and choose between Top or Bottom.
- 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.
- Entrance Animation: Click the dropdown to choose an animation.
Background
The following options can be set independently for both the normal and hover states.
Border
The following options can be set independently for both the normal and hover states.
- Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved
- Border Radius: Set the border radius to control corner roundness
- Box Shadow: Adjust box shadow options
Responsive
- Reverse Columns: Slide to reverse your columns order (Great for Mobile).
- Visibility: Show or Hide your section on Desktop, Tablet, or Mobile.