If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

Shopify. How to change theme colors

Good news for all on-line store keepers! In our new tutorial we will teach you how to change colors in your store theme.

Shopify. How to change theme colors

You can alter colors that are used for different elements and text blocks of your theme directly via your Shopify admin panel. Let us show you how that can be done.

  1. For example, let’s change pink color of the current theme. At the moment this color is used for the area around the cart button in header, for logo text, etc.:

    shopify_how_to_change_theme_colors_1

  2. First of all, inspect the element with Firebug developer tool to find the exact value of the color you want to change:

    shopify_how_to_change_theme_colors_2

  3. Remember this value or copy it to any text document, as you will need it later:

    shopify_how_to_change_theme_colors_3

  4. Log into your Shopify Admin panel and go to Themes:

    shopify_how_to_change_theme_colors_4

  5. Press Customize theme in the top right corner:

    shopify_how_to_change_theme_colors_5

  6. Scroll down to the Colors section and expand it by clicking on it:

    shopify_how_to_change_theme_colors_6

  7. In the expanded Colors section you will see many color values for various parts of the theme. Find the name of the color you need to change (the one that you’ve found out while inspecting your element):

    shopify_how_to_change_theme_colors_7

  8. Click on color value and you will see the drop down with color selector. Move small horizontal line on the right to pick the color spectrum and then click on the circle on the left to pick up the new color that will replace the old one:

    shopify_how_to_change_theme_colors_8

  9. Press Publish changes in the top right corner:

    shopify_how_to_change_theme_colors_9

  10. Refresh the front end. The color will be changed in all elements for which it was used:

    shopify_how_to_change_theme_colors_10

That’s it! Now you know how to change colors in your Shopify store. Please feel free to check the detailed video tutorial below:

Shopify. How to change theme colors