{"id":78143,"date":"2017-01-24T10:53:42","date_gmt":"2017-01-24T15:53:42","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=78143"},"modified":"2017-08-24T05:14:05","modified_gmt":"2017-08-24T09:14:05","slug":"magento-2-edit-default-colors","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-2-edit-default-colors.html","title":{"rendered":"Magento 2. How to edit default colors"},"content":{"rendered":"<p>In this tutorial we will show you how to edit the default colors in our <a target=\"_blank\" href=\"https:\/\/www.templatemonster.com\/magetique.html\"><strong>Magetique<\/strong><\/a> template for <a href=\"https:\/\/www.templatemonster.com\/magento-themes.php\" target=\"_blank\">Magento 2<\/a>.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/tUH0_FDKoJk\"><\/iframe>\r\n<\/div>\r\n\r\n<p>Unlike other templates, this one allows you to edit colors from admin panel which is a real advantage.<\/p>\r\n<p>Each of the store views has 4 predefined color schemes.<\/p>\r\n<p>To change color scheme for a specific store view, follow these steps:<\/p>\r\n<ol>\r\n    <li><p>Log into your Magento admin panel and navigate to the <strong>Stores<\/strong>-><strong>Settings<\/strong>-><strong>Configuration<\/strong> section.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_1.jpg\" alt=\"Magento2_How_to_edit_default_colors_1\" width=\"1256\" height=\"666\" class=\"alignnone size-full wp-image-78144\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_1.jpg 1256w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_1-150x80.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_1-300x159.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_1-768x407.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_1-1024x543.jpg 1024w\" sizes=\"(max-width: 1256px) 100vw, 1256px\" \/><\/a>\t\r\n\t<\/li>\r\n    <li><p>Scroll down to the <strong>TEMPLATEMONSTER<\/strong> section and press the <strong>Theme Options<\/strong> tab.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_2.jpg\" alt=\"Magento2_How_to_edit_default_colors_2\" width=\"1275\" height=\"682\" class=\"alignnone size-full wp-image-78145\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_2.jpg 1275w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_2-150x80.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_2-300x160.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_2-768x411.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_2-1024x548.jpg 1024w\" sizes=\"(max-width: 1275px) 100vw, 1275px\" \/><\/a>\t\r\n\t<\/li>\r\n    <li><p>Choose your store view from the selector on top left.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_3.jpg\" alt=\"Magento2_How_to_edit_default_colors_3\" width=\"1259\" height=\"658\" class=\"alignnone size-full wp-image-78146\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_3.jpg 1259w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_3-150x78.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_3-300x157.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_3-768x401.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_3-1024x535.jpg 1024w\" sizes=\"(max-width: 1259px) 100vw, 1259px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>You will see a pop-up window with &#8220;Please confirm scope switching. All data that hasn&#8217;t been saved will be lost&#8221; text. Select <strong>OK<\/strong>.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_4.jpg\" alt=\"Magento2_How_to_edit_default_colors_4\" width=\"1260\" height=\"696\" class=\"alignnone size-full wp-image-78147\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_4.jpg 1260w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_4-150x83.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_4-300x166.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_4-768x424.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_4-1024x566.jpg 1024w\" sizes=\"(max-width: 1260px) 100vw, 1260px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Go to the <strong>Theme Color settings<\/strong> tab and select a desired color scheme.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_5.jpg\" alt=\"Magento2_How_to_edit_default_colors_5\" width=\"1895\" height=\"919\" class=\"alignnone size-full wp-image-78148\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_5.jpg 1895w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_5-150x73.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_5-300x145.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_5-768x372.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_5-1024x497.jpg 1024w\" sizes=\"(max-width: 1895px) 100vw, 1895px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>You can also specify the exact color code for main elements on the site using the built-in color-picker. Scroll down to see the fields.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_6.jpg\" alt=\"Magento2_How_to_edit_default_colors_6\" width=\"1892\" height=\"882\" class=\"alignnone size-full wp-image-78149\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_6.jpg 1892w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_6-150x70.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_6-300x140.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_6-768x358.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Magento2_How_to_edit_default_colors_6-1024x477.jpg 1024w\" sizes=\"(max-width: 1892px) 100vw, 1892px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Press the <strong>Save Config<\/strong> button on top right and check your site frontend.<\/p>\r\n\t<p class=\"attention\"><strong>Note:<\/strong> You may need to <a target=\"_blank\" href=\"\/help\/magento-2-x-clear-magento-cache.html\"> clear the Magento cache<\/a> in case the changes don&#8217;t appear.<\/p><\/li>\r\n<\/ol>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-2-(835-x100).jpg\"\/>\r\n<\/a>\r\n<\/div>\r\n<p>We hope the tutorial was useful for you. Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=tUH0_FDKoJk?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento 2. How to edit default colors<\/a>","protected":false},"excerpt":{"rendered":"<p>In this tutorial we will show you how to edit the default colors in our <a target=\"_blank\" href=\"https:\/\/www.templatemonster.com\/magetique.html\"><strong>Magetique<\/strong><\/a> template for Magento 2.<\/p>\n","protected":false},"author":78,"featured_media":78150,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[520,1048,2315],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/78143"}],"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\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=78143"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/78143\/revisions"}],"predecessor-version":[{"id":82889,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/78143\/revisions\/82889"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/78150"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=78143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=78143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=78143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}