Articles on: Customizer [Global]

How to change the design of the button of the site?

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 button of different sections, then 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.


Color – It changes the Color of the text added inside the button.

Change Buttons Text Color

Background - It changes the background color of the button. You can set the button background color in both Normal and Hover modes.

Change Buttons Background Color

Change Buttons Padding Value

Padding - It sets the button padding spaces for all four sides, i.e., Left, Right, Top, and Bottom.


Roundness - It sets the Curve of the border on the corners of the box. You can move the slider to the right area to increase the radius value.

Change Button Radius

For additional features: How to change the design of the buttons on the site? (Pro)

Updated on: 15/07/2023

Was this article helpful?

Share your feedback


Thank you!