View Categories

Customize the Button

Location: Appearance → Customize → Global→ Button

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

Button #

The section customizes the Button added on the site with the following options:

Color #

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

Change Button Text Color
Change Button Text Color

Background #

It changes the Background color of the button.

Change Button Background Color
Change Button Background Color

Typography Pro #

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

Change Button Typography
Change Button Typography

Padding #

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

Change Button Padding
Change Button Padding

Border Pro #

It customizes the Border area that appears around the button and comes with the following options:

Style #

It allows you to choose the border Style to be None, Solid, Double, Dashed, or Dotted

Change Button Border Style
Change Button Border Style

Width #

It determines the size of the border.

Change Button Border Width
Change Button Border Width

Color Pro #

It allows you to change the Color of the border.

Change Button Border Color
Change Button Border Color

Radius #

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 Border Radius
Change Button Border Radius
Customize the Button
Scroll to top