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.

personalization of sboutons divi.png

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.

customizing buttons.png

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.

button configuration at overflight.png

That's all for this tutorial, I hope it will allow you to customize the buttons on Divi.