In order to access this feature, you need to navigate to the theme customizer page where the settings below are available.

Once you are on the customizer control panel, please visit the Colors & Styling - Buttons section, where you can control the buttons color of your website.

Colors & Styling - Buttons

Free Options Link

  • Buttons Color – set the color of buttons

Premium Options Available With Extension Link

Buttons Color
  • Left Side – this option sets the color of the buttons on the left side
  • Right Side – this option sets the color of the buttons on the right side
  • Colors Gradient Angle (deg) – controls the buttons background gradient angle in degrees

Buttons Hover Color ( :hover / :focus )

  • Left Side – this option sets the color of the buttons on the left side when hover over a button
  • Right Side – this option sets the color of the buttons on the right side when hover over a button
  • Hover Colors Gradient Angle (deg) ( :hover / :focus ) – controls the buttons background gradient angle in degrees when hover over a button
  • Enable Outline Style Buttons – enables outline style of buttons
Border Width
  • Width (px) – controls the buttons border width in pixels, if the Enable Outline Style Buttons option is not enabled
  • Border Style – controls the border style of buttons – solid, dotted, or dashed, if the Enable Outline Style Buttons option is not enabled
Outline Width
  • Width (px) – controls the buttons outline width in pixels, if the Enable Outline Style Buttons option is enabled
Border Color

Color

  • Top – defines the button top border color, if the Enable Outline Style Buttons option is not enabled
  • Right – defines the button right border color, if the Enable Outline Style Buttons option is not enabled
  • Bottom – defines the button bottom border color, if the Enable Outline Style Buttons option is not enabled
  • Left – defines the button left border color, if the Enable Outline Style Buttons option is not enabled

Hover Color ( :hover / :focus )

  • Top – defines the button top hover border color, if the Enable Outline Style Buttons option is not enabled
  • Right – defines the button right hover border color, if the Enable Outline Style Buttons option is not enabled
  • Bottom – defines the button bottom hover border color, if the Enable Outline Style Buttons option is not enabled
  • Left – defines the button left hover border color, if the Enable Outline Style Buttons option is not enabled
Border Radius
  • Border Top Left Radius (rem) – controls the button top left border radius in rems, if the Enable Outline Style Buttons option is not enabled
  • Border Top Right Radius (rem) – controls the button top right border radius in rems, if the Enable Outline Style Buttons option is not enabled
  • Border Bottom Right Radius (rem) – controls the button bottom right border radius in rems, if the Enable Outline Style Buttons option is not enabled
  • Border Bottom Left Radius (rem) – controls the button bottom left border radius in rems, if the Enable Outline Style Buttons option is not enabled
Padding
  • Vertical Padding (rem) –  sets the vertical padding of the buttons in rems
  • Horizontal Padding (rem) – sets the horizontal padding of the buttons in rems
Box-Shadow
  • Box-Shadow Effect Style – controls the box-shadow effect of buttons
  • Box-Shadow Effect Hover Style – controls the box-shadow effect when hover over a button