WordPress Theme Colors Not Changing (4 Easy Fixes)

wordpress theme colors not changing

Are you trying to change the colors of your website in the WordPress theme customizer but the theme options are not saving?

Do not worry.

I am going to show you how to fix the WordPress theme colors not changing issue.

So continue reading.

WordPress theme colors not changing

The reasons for WordPress theme colors not changing problem may be due to a browser cache issue or there may be an override of the default colors in the WordPress Customizer by the theme’s own color panel, custom CSS codes, or theme customization plugins.

How to fix the WordPress theme colors not changing issue?

You can easily troubleshoot the issue by performing some simple checks as below.

But first, clear the cache and see if that resolves the problem.

Clear the cache

If you are using the Chrome browser, click on the 3 dots on the top right, go to More Tools and click on Clear Browsing Data.

If you are using a cache plugin like WP Rocket or Super Cache, there will be buttons to clear your website’s cache too.

Refer to their documentation to find those buttons.

If the issue has not been resolved, go to the next step.

Check the theme’s own color panel

Some WordPress themes like Astra have their own customization panel to customize the theme.

If your theme has it, you need to customize the colors using this option instead of the Appearance > Customize in WordPress.

Check customization plugins

Have you installed a WordPress customizer plugin like Child Theme Configurator, or Block Editor Colors, etc.?

These plugins override the default color settings of the WordPress customizer.

Check custom CSS

If you have checked everything and didn’t find any issues, go to Appearance > Customize > Additional CSS.

Is there a custom code for colors in there?

Also, check the style.css file under Appearance > Theme File Editor for any custom code to change the website’s colors.

If you are not familiar with CSS codes, then ask your host to take a look.

If you found a code for color, then probably that code is overriding the default color settings in your theme.

You can delete the code and see whether the issue is resolved.

Or, you can replace the Hex color code values and see whether the colors are changing.

FAQs

What is customization in WordPress?

Customization in WordPress means customizing the WordPress theme to build your website. When you install a WordPress theme for the first time, it will have the default settings for colors, font, logo, page layout, etc. You need to customize them to your liking.

Can you change colors on WordPress themes?

Yes. You can change colors on WordPress themes through the Appearance > Customize option. If your WordPress theme has its own theme customization panel, you can change colors through that option too. Or you may add custom CSS codes either in Appearance > Customize > Additional CSS or in the style.css to override the default color settings of your theme.

How do I use color palette in WordPress?

You can use the color palette in WordPress by going to Appearance > Customize. Depending on the theme there will be options such as Global Colors, Colors, etc. to change the colors of your website. This is the WordPress theme color palette.

How do I change the background color of my WordPress theme?

You can change the background color of your WordPress theme either through the customizer or by adding a CSS code. To use the customizer go to Appearance > Customize and find the option to change the background color. To add a custom CSS code, go to Appearance > Customize > Additional CSS.

The CSS code to change theme color is –
body {
 background-color: #XXXXXX;
}
Change #XXXXXX to any Hex color code of your choice.

Conclusion

To resolve the WordPress theme colors not changing issue, do the following – 

  • Clear the browser cache.
  • Clear the cache of your website if you have a cache plugin installed.
  • If your WordPress theme has its own customization plugin, use that to change the colors of your website.
  • If you have a theme customization plugin installed, use that plugin to change the colors.
  • Check whether there is a custom CSS code for changing the colors of the website. You can delete that code, or change the color values in the code to resolve the issue.
Back To Top