Get all themes with lifetime updates for 95 USD. View all promotions

Change your theme colours with Typit

You can change some of the colours used in this theme. We should also mention that to provide a colour selector option for every single element in your webpage, would require up to 100 option settings–a bit overwhelming to manage. We decided to add “accent colours” which consists of a few settings. When you change one of these, it will affect all elements that use that colour.

The trend lately with themes is to provide accent colour options; it’s fast and gives you an instant colour change to everything that uses the primary, secondary, or for all additional colour options that are included in a theme.

Gutenberg Colour Setting

You may also notice that we have one selector for the Gutenberg Accent Colour, which is the primary colour of orange. You will see this option if you have the Gutenberg editor enabled and have a post or page open:

When you click into a block, such as a paragraph block, the colour settings will show to the right side of the editor. From here, you can add a background colour or change the colour to your paragraph text. You can also choose your own colour if you don’t want to use the theme’s default colours.

Typit Colours from the Customizer

You can change the theme default colours from the customizer.

Change Colours

  1. Go to Appearance >> Customize >> Colours
  2. Make changes to any of the colour selectors you want
  3. Click “Save & Publish
Custom Colours Not Included

We are sure that you may ask “What about changing colours of elements that don’t change with the above settings?”

A valid question and one we will be able to help you out with. If there is something you want to change that isn’t included in the above settings, post your question in the support forum for this theme and let us know what you want changed. We can then give you quick and easy guidance on how to make the changes you want.

Basically the changes will involve some CSS code that we will have you paste into the “Additional CSS” tab of the customizer.