Customize the Button

Customize the Button

Table of Contents

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: [Available in ColorMag Pro]

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 – 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 #

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 – 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