A standard feature with all of our themes here at Shaped Pixels, you can customize your theme with built-in colour selectors to give you unlimited colours. These settings are found within the “Colour” tab of the Customizer.
Note Although most elements can be customized, there still may be a few that don’t have selectors, so creating some custom CSS might be required.
The colour selectors are easy to use by clicking on the button and using the sliders on the colour fields to adjust the colour and tone (light or darker) by using the right side vertical slider. As you search for your favorite colour, you can see live results in the right window pane.
Colour values are set in HEX code. The screenshot above shows the colour but it also shows the HEX value being #c9aa84 as the colour chosen. This changes as you move the sliders around.
- Go to Appearance >> Customize >> Colours
- Go down the list of colour selectors and make changes to the elements you want to customize. As you make your colour choices, you can view the results in the preview window of the customizer.
- Click “Save & Publish”