Add Buttons to the Editor
We are going to create 3 buttons, each with different effects.
Button 1
- Drag an Elementor Button to the Editor .
- Add the class "wpg-button-round-pulse" to the Button Widget. You should see it change immediately.
- Add 3px Padding on all sides. Note: do not use "margin" as it will distort the border.
Button 2
- Right-click Button 1 and duplicate.
- Go to Advanced -> Attributes
- Add - style|--border-color: red;--border-max-width: 12px;--max-scale: 1.5;
- Save and view the page to see the effect.
Button 3
- Right-click Button 2 and duplicate.
- Go to Advanced -> Attributes
- Add - style|--border-color: blue;--border-max-width: 20px;--max-scale: 2;--duration: 2s;
- Save and view the page to see the effect.
NOTE: You will not see the Attribute effects in the Editor, only on the Frontend