Here’s an interactive tutorial

** Best experienced in Full Screen (click the icon in the top right corner before you begin) **

https://www.iorad.com/player/2289581/How-To-Change-Button-s-Background-Color-On-Hover-In-Elementor—WordPress–EN-0042-

10 STEPS

1. Open your page and click Edit with Elementor

Step 1 image

2. Right Click your button

Step 2 image

3. Click Edit Button

Step 3 image

4. Click Style

Step 4 image

5. Click Hover

Step 5 image

6. See where Color is? Click toggle color picker dialog

Step 6 image

7. Click color selection area

Step 7 image

8. With your mouse, click and drag color selection area, then drop it on color selection area

Step 8 image

8b. Drop

Step 8b image

9. Now the color will change from green to orange when hovered. Try it out.

Step 9 image

10. Click Update to save your changes.

Step 10 image