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.
Margin - It sets the button margin spaces around the button for all four sides, i.e., Left, Right, Top, and Bottom.
Border Width: Select the size of the border around the button.
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.
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.
Button
Typography - It controls the button text Typography, such as Font Family, Weight, Font size, Line height, and other related styling properties for the text.
Margin - It sets the button margin spaces around the button for all four sides, i.e., Left, Right, Top, and Bottom.
Border
Border Width: Select the size of the border around the button.
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.
Updated on: 15/07/2023
Thank you!