GeneratePress Customizing Colors Form

If you are using the GeneratePress Theme and have uploaded the Add-Ons plugin and activated all of the options, the Colors option is the fourth section you’ll see when you click on the Customize link from a page or post.

The Form sub-option is the ninth in the list of this section.

The ‘Form’ section lets you adjust the color for the Background, Text, Background Focus/Hover, Text Focus/Hover, Border, Border Focus/Hover, Button, Button Focus/Hover, Button Text, and Button Text Focus/HoverLink within the navigation content of the website.

Background

This setting will set the background color of the forms on your website.

Click on the Select Color button to the right of the color box and paste a Hex Code in the box, click on the color spectrum box and dial, or choose from the preset color boxes at the bottom.

The color box will change as you adjust the settings.

Once the color is what you would like, click anywhere else on the customize menu. The options box will disappear and the color box will update with your new color.

Text

This setting will set the text color of the forms on your website.

Click on the Select Color button to the right of the color box and paste a Hex Code in the box, click on the color spectrum box and dial, or choose from the preset color boxes at the bottom.

The color box will change as you adjust the settings.

Once the color is what you would like, click anywhere else on the customize menu. The options box will disappear and the color box will update with your new color.

Background Focus/Hover

This setting will set the background color of a form when someone moves their cursor over it.

Click on the Select Color button to the right of the color box and paste a Hex Code in the box, click on the color spectrum box and dial, or choose from the preset color boxes at the bottom.

The color box will change as you adjust the settings.

Once the color is what you would like, click anywhere else on the customize menu. The options box will disappear and the color box will update with your new color.

Text Focus/Hover

This setting will set the text color of any link in a form when someone moves their cursor over the text.

Click on the Select Color button to the right of the color box and paste a Hex Code in the box, click on the color spectrum box and dial, or choose from the preset color boxes at the bottom.

The color box will change as you adjust the settings.

Once the color is what you would like, click anywhere else on the customize menu. The options box will disappear and the color box will update with your new color.

Border

This setting will set the border color of the forms on your website.

Click on the Select Color button to the right of the color box and paste a Hex Code in the box, click on the color spectrum box and dial, or choose from the preset color boxes at the bottom.

The color box will change as you adjust the settings.

Once the color is what you would like, click anywhere else on the customize menu. The options box will disappear and the color box will update with your new color.

Border Focus/Hover

This setting will set the border color of a form when someone moves their cursor over it.

Click on the Select Color button to the right of the color box and paste a Hex Code in the box, click on the color spectrum box and dial, or choose from the preset color boxes at the bottom.

The color box will change as you adjust the settings.

Once the color is what you would like, click anywhere else on the customize menu. The options box will disappear and the color box will update with your new color.

Button

This setting will set the button color of the forms on your website.

Click on the Select Color button to the right of the color box and paste a Hex Code in the box, click on the color spectrum box and dial, or choose from the preset color boxes at the bottom.

The color box will change as you adjust the settings.

Once the color is what you would like, click anywhere else on the customize menu. The options box will disappear and the color box will update with your new color.

Button Focus/Hover

This setting will set the button color of a form when someone moves their cursor over it.

Click on the Select Color button to the right of the color box and paste a Hex Code in the box, click on the color spectrum box and dial, or choose from the preset color boxes at the bottom.

The color box will change as you adjust the settings.

Once the color is what you would like, click anywhere else on the customize menu. The options box will disappear and the color box will update with your new color.

Button Text

This setting will set the text color of the buttons on each form on your website.

Click on the Select Color button to the right of the color box and paste a Hex Code in the box, click on the color spectrum box and dial, or choose from the preset color boxes at the bottom.

The color box will change as you adjust the settings.

Once the color is what you would like, click anywhere else on the customize menu. The options box will disappear and the color box will update with your new color.

Button Text Focus/Hover

This setting will set the text color of the buttons on each form when someone moves their cursor over it.

Click on the Select Color button to the right of the color box and paste a Hex Code in the box, click on the color spectrum box and dial, or choose from the preset color boxes at the bottom.

The color box will change as you adjust the settings.

Once the color is what you would like, click anywhere else on the customize menu. The options box will disappear and the color box will update with your new color.

Save Changes

Once you are done making your changes, click on the Save & Publish button at the top of the Customizing sidebar.

If you change any of these options while you are in the Customize mode you will be able to see how the change affects the look of your website.

Congratulations! You just set the Colors Form options for your website using the Customizing feature in WordPress.