Quite often you will find yourself creating pages that contain calls to action. One of the main features of calls to action are buttons. By default, Divi offers a common style for each button. It is therefore quite normal that you want to give them a style that is proposed to that of your brand.
In this tutriel Divi, I will show you how to give a unique style to the buttons of your website.
Divi buttons are infinitely customizable
The Theme Customizer is equipped with every button customization option that you may find useful. By using these customizable controls, you can create unique and stunning buttons for your Website.
To start customizing the buttons on your Website, you must first access the Customizer of Themes by clicking on the link Divi> Theme Customizer in your WordPress dashboard. Then click on the "Buttons" panel to display the button settings. The button settings are separated into two sections: Button Styles and Button Rollover Styles.
Button style
Here you can adjust the general appearance of your buttons using the various Customizer controls. You can change the text and background color of your buttons, adjust the button's font size and style, and even create rounded buttons using the Border-Radius slider. In addition, you can change the default font and icon used in buttons.
Stationary flight style
You can also adjust the hover style of the button. When you do a different hover style than the normal button style, the effect will transfer while hovering, creating a nice animation. This animation is triggered when the visiteurs hover over the button with their mouse.
That's all for this tutorial, I hope it will allow you to customize the buttons on Divi.