{"id":51879,"date":"2015-08-11T01:43:49","date_gmt":"2015-08-11T05:43:49","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=51879"},"modified":"2016-04-11T06:14:26","modified_gmt":"2016-04-11T10:14:26","slug":"prestashop-1-6-x-how-to-change-predefined-color-schemes-of-theme%d1%81onfigurator-module","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/prestashop-1-6-x-how-to-change-predefined-color-schemes-of-theme%d1%81onfigurator-module.html","title":{"rendered":"PrestaShop 1.6.x. How to change predefined color schemes of Theme\u0421onfigurator module"},"content":{"rendered":"<p><\/p>\r\n<p>This tutorial will show you how to change predefined color schemes of <strong>ThemeConfigurator module<\/strong> in your Prestashop 1.6 template.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=khMaO6o6bJg?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop 1.6.x. How to change predefined color schemes of Theme\u0421onfigurator module<\/a><\/p>\r\n<p>ThemeConfigurator module provides a powerful <strong>customization tool<\/strong> that allows you to make color and font changes in your theme: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_2-300x281.png\" alt=\"PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_2\" width=\"300\" height=\"281\" class=\"aligncenter size-medium wp-image-51880\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_2-300x281.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_2-150x141.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_2.png 659w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>There are <strong>4 color schemes<\/strong> by default: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_1-300x181.png\" alt=\"PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_1\" width=\"300\" height=\"181\" class=\"aligncenter size-medium wp-image-51881\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_1-300x181.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_1-150x91.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_1.png 638w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Let&#8217;s see how to edit the existing color schemes:<\/p>\r\n<ol>\r\n<li>\r\n<p>Access your server via <strong>File Manager<\/strong> or any <strong>ftp client<\/strong> software;<\/p>\r\n<\/li>\r\n<li>\r\n<p>Navigate to <strong>&lsquo;themes\/themeXXXX\/css\/modules\/themeconfigurator\/css\/&rsquo;<\/strong> folder, where <strong>XXXX<\/strong> is your theme number;<\/p>\r\n<\/li>\r\n<li>\r\n<p>Edit <strong>&lsquo;themeX.css&rsquo;<\/strong> file (where <strong>X<\/strong> is the number of the color scheme)  to your needs, using any <strong>php\/text<\/strong> editor. It is recommended using <a href=\"\/help\/firebug-mozilla-firefox-plugin.html\" target=\"_blank\">FireBug<\/a> plugin (for FireFox browser)  to inspect the website source code and modify CSS files:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_3-300x158.png\" alt=\"PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_3\" width=\"300\" height=\"158\" class=\"aligncenter size-medium wp-image-51882\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_3-300x158.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_3-150x79.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/PrestaShop_1.6_How_to_change_predefined_color_schemes_of_Themeconfigurator_module_3.png 740w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p><strong>Save<\/strong> the changes. <strong>Refresh<\/strong> your website to see the changes. <\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>This is the end of the tutorial. Now you know how to change predefined color schemes of ThemeConfigurator module.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=khMaO6o6bJg?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop 1.6.x. How to change predefined color schemes of Theme\u0421onfigurator module<\/a><br \/>\r\n<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to change predefined color schemes of <strong>ThemeConfigurator module<\/strong> in your Prestashop 1.6 template.<\/p>\n","protected":false},"author":37,"featured_media":51886,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[732],"tags":[520,552,641,1693],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/51879"}],"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\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=51879"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/51879\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/51886"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=51879"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=51879"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=51879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}