Change your theme colours

As it is a common feature with all of our themes here at Shaped Pixels, you can customize your colours for Emotions Lite with ton of selectors that are found in the Customizer. 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.

content block colour selector

Colour values are set in HEX code. The screenshot above shows the colour but it also shows the HEX value being #cec361 as the colour chosen. This changes as you move the sliders around.

  1. Go to Appearance >> Customize >> Colours
  2. 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.
  3. Click “Save & Publish”