The options below are available only with the premium extension – componentz ExtrasLearn More

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 - Forms section, where you can control the colors and styling of forms of your website.

Colors & Styling - Forms

Premium Options Available With Extension Link

Background

  • Field Background – this option sets a form field background color
  • Field Hover Background ( :hover ) – this option sets the form field hover background color
  • Field Focus Background ( :focus ) – this option sets the form field focus background color
Border Width
  • Width (px) – controls the form field border width in pixels
Border Color

Color

  • Top – defines the form field top border color
  • Right – defines the form field right border color
  • Bottom – defines the form field bottom border color
  • Left – defines the form field left border color

Hover Color ( :hover )

  • Top – defines the form field top hover border color
  • Right – defines the form field right hover border color
  • Bottom – defines the form field bottom hover border color
  • Left – defines the form field left hover border color

Focus Color ( :focus )

  • Top – defines the form field top focus border color
  • Right – defines the form field right focus border color
  • Bottom – defines the form field bottom focus border color
  • Left – defines the form field left focus border color
Border Radius
  • Text, Select And File Field Border Radius (rem) – controls the text field types border radius in rems
  • Textarea Border Radius (rem) – controls the textarea field type border radius in rems
Text, Select And File Field Padding
  • Vertical Padding (rem) – sets the vertical padding of the text field types in rems
  • Horizontal Padding (rem) – sets the horizontal padding of the text field types in rems
Textarea Padding
  • Vertical Padding (rem) – sets the vertical padding of the textarea field type in rems
  • Horizontal Padding (rem) – sets the horizontal padding of the textarea field type in rems
Checkbox

Color

  • Background Color – this option sets the checkbox background color
  • Border Color – this option sets the checkbox border color
  • Hover Border Color ( :hover ) – this option sets the checkbox hover border color
  • Checked Box Color ( :checked ) – this option sets the checkbox checked border color
Radio

Color

  • Background Color – this option sets the radio background color
  • Border Color – this option sets the radio border color
  • Hover Border Color ( :hover ) – this option sets the radio hover border color
  • Checked Radio Color ( :checked ) – this option sets the radio checked border color