Articles on: Customizer [Global]

How to change the design of the buttons on the site? (Pro)

Location: Appearance → Customize → Global → Button

A Button in a site refers to a clickable option helping the user navigate to other sections or pages. Zakra supports adding the button and allows customizing with various options listed below:

If you want different colors and designs for the buttons of different sections, you can override the default button settings with the option provided in specific sections. For example, To style the header button, go to the Header Section of the Customizer and select the required option.

For information regarding the options available in the free version, go through this article: How to change the design of the button of the site?

With the Zakra Pro, there are more ways to customize the design of the Button and Button Border on your site.


Typography - It controls the button text Typography, such as Font Family, Weight, Font size, Line height, and other related styling properties for the text.

Change Typography of Button

Margin - It sets the button margin spaces around the button for all four sides, i.e., Left, Right, Top, and Bottom.

Change Margin Values of Button


Border Width: Select the size of the border around the button.

Change Button Border Width

Border Color: Select the color of the border around the button. You can set the color pf the border on both Normal and Hover Mode.

Change Buttons Border Color

Updated on: 15/07/2023

Was this article helpful?

Share your feedback


Thank you!