Choosing a color palette can have a far-reaching effect on the success of your site. Finding a balance between the color and content of your site can encourage your visitors to stay on your site for longer sessions. Changing colors can ultimately improve the authority of your business, or, for designers, make your site construction more attractive to new customers.
The BoldGrid plugin supplements the WordPress Customizer with extended functionality for color selections in your theme. You are now able to click, drag, and rearrange colors manually or choose from automatically generated color palettes.
The advantage of working with color palettes instead of single colors means that if your logo or other branding materials change then you can quickly adjust all the colors of your site to match instead of editing each color separately.
Follow along with steps below to see how easy it is to customize colors in your BoldGrid theme. If you have not already logged into BoldGrid, go ahead and log in now.
- Click the Customize button.
- Choose Colors.
- Click and drag colors in the Active Palette.
- Click on an individual color to change it.
- Use the hexadecimal value for complete accuracy, or choose from the color picker for an approximate value.
Colors in your theme will change live in the preview window on the right.
Using Color Palettes
As mentioned, you can re-arrange the colors in the active palette and assign different color values, but you can easily get a whole different palette automatically by choosing Suggest Palettes. Click through the different palettes and notice how the colors on your site change.
Now you are familiar with changing colors in the WordPress Customizer. In the next article you will learn about editing the background of theme through the WordPress customizer.