Divi Toolbox ➜ Footer ➜ Back to Top Button
You can enable the Back to Top Button Customization to add a new customization panel in the Toolbox Customizer and have the possibility to edit the default “Back to top” link appearance. If you choose to Use Custom Button Link, you’ll have the option to enter a custom button URL (you can use it to redirect a visitor to the contact page, for example).
Toolbox Customizer ➜ Footer ➜ Back to Top Button
You can easily change the button’s appearance by editing the following options:
- Button Style (default: Icon or Button with Text)
TEXT BUTTON
- Define the text (default: TOP)
- Button font family
- Button font weight
- Button text size
- Button letter spacing
- Button text transform
ICON BUTTON
- Select icon*
- Icon size
* Please note that the “Dynamic Icons” setting needs to be disabled in Divi Theme Options -> General -> Performance tab if you choose a custom icon.
BACK TO TOP BUTTON
- Distance from the right side
- Distance from the bottom
- Button padding
- Button background color
- Add button shadow
- Shadow color, offset-x, offset-y, blur
BUTTON BORDER
- Change button border (if you leave it unchecked, the button will have 5px border radius on the left side and 0px border radius on the right side)
- Button border radius (same for each side)
- Button border width
- Button border color
HOVER STATE
- Button background hover color
- Button text / icon hover color
- Button border hover color
- Button hover effect (Grow, Shrink, Move Up, Move Down)
