{"id":42329,"date":"2015-02-06T01:43:26","date_gmt":"2015-02-06T06:43:26","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=42329"},"modified":"2016-02-17T06:10:20","modified_gmt":"2016-02-17T11:10:20","slug":"shopify-how-to-change-theme-colors","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/shopify-how-to-change-theme-colors.html","title":{"rendered":"Shopify. How to change theme colors"},"content":{"rendered":"

<\/p>\r\n

Good news for all on-line store keepers! In our new tutorial we will teach you how to change colors in your store theme.<\/p>\r\n

Shopify. How to change theme colors<\/a><\/p>\r\n

You can alter colors that are used for different elements and text blocks<\/strong> of your theme directly via your Shopify admin panel. Let us show you how that can be done.<\/p>\r\n

    \r\n
  1. \r\n

    For example, let’s change pink color<\/strong> of the current theme. At the moment this color is used for the area around the cart button in header, for logo text, etc.:<\/p>\r\n

    \"shopify_how_to_change_theme_colors_1\"<\/a>\r\n<\/li>\r\n

  2. \r\n

    First of all, inspect the element with Firebug developer tool<\/a> to find the exact value of the color you want to change:<\/p>\r\n

    \"shopify_how_to_change_theme_colors_2\"<\/a>\r\n<\/li>\r\n

  3. \r\n

    Remember this value or copy it to any text document, as you will need it later:<\/p>\r\n

    \"shopify_how_to_change_theme_colors_3\"<\/a>\r\n<\/li>\r\n

  4. \r\n

    Log into your Shopify Admin panel and go to Themes<\/strong>:<\/p>\r\n

    \"shopify_how_to_change_theme_colors_4\"<\/a>\r\n<\/li>\r\n

  5. \r\n

    Press Customize theme<\/strong> in the top right corner:<\/p>\r\n

    \"shopify_how_to_change_theme_colors_5\"<\/a>\r\n<\/li>\r\n

  6. \r\n

    Scroll down to the Colors<\/strong> section and expand it by clicking on it:<\/p>\r\n

    \"shopify_how_to_change_theme_colors_6\"<\/a>\r\n<\/li>\r\n

  7. \r\n

    In the expanded Colors<\/strong> 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):<\/p>\r\n

    \"shopify_how_to_change_theme_colors_7\"<\/a>\r\n<\/li>\r\n

  8. \r\n

    Click on color value<\/strong> and you will see the drop down with color selector<\/strong>. Move small horizontal line<\/strong> on the right to pick the color spectrum and then click on the circle<\/strong> on the left to pick up the new color that will replace the old one:<\/p>\r\n

    \"shopify_how_to_change_theme_colors_8\"<\/a>\r\n<\/li>\r\n

  9. \r\n

    Press Publish changes<\/strong> in the top right corner:<\/p>\r\n

    \"shopify_how_to_change_theme_colors_9\"<\/a>\r\n<\/li>\r\n

  10. \r\n

    Refresh the front end. The color will be changed in all elements for which it was used:<\/p>\r\n

    \"shopify_how_to_change_theme_colors_10\"<\/a>\r\n<\/li>\r\n<\/ol>\r\n

    That’s it! Now you know how to change colors in your Shopify store. Please feel free to check the detailed video tutorial below:<\/p>\r\n

    Shopify. How to change theme colors<\/a>
    \r\n<\/p>","protected":false},"excerpt":{"rendered":"

    In our new tutorial we will teach you how to change colors in your Shopify theme.<\/p>\n","protected":false},"author":72,"featured_media":43596,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1771],"tags":[520,641,2419],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/42329"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=42329"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/42329\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43596"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=42329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=42329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=42329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}