{"id":11427,"date":"2017-04-14T03:16:13","date_gmt":"2017-04-14T03:16:13","guid":{"rendered":"https:\/\/wpopal.com\/?p=11427"},"modified":"2017-04-14T03:16:13","modified_gmt":"2017-04-14T03:16:13","slug":"change-color-wordpress-theme","status":"publish","type":"post","link":"http:\/\/dev.wpopal.com\/wpopal\/change-color-wordpress-theme\/","title":{"rendered":"How to change color in WordPress Theme"},"content":{"rendered":"<p>Dear our beloved customers,<br \/>\nIn process of launching a new theme, many of us may inevitably meet several problems of adjusting the theme at our personal taste, especially when you are a beginner and start an online business for the first time. One of the most common issues that we have been reflected by numerous customers is changing the color. Therefore, today \u00a0<a class=\"green\" href=\"https:\/\/wpopal.com\" rel=\"nofollow noopener\" target=\"_blank\">Opal WordPress<\/a> will show you the simplest way to solve this problem to make sure that you can change color of your theme in a master of minute.<br \/>\nTo be more understood, we take <strong>Strollik<\/strong> as an example .<br \/>\nFirstly, it is clearly seen that the theme Strollik \u00a0has red color<\/p>\n<p style=\"text-align: center;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-11428\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2017\/04\/strollik.jpg\" alt=\"change color in WordPress theme\" width=\"1000\" height=\"4569\" title=\"\"><\/p>\n<p>In order to know what code color was used in this theme, please enter F12 and view code to see code of your current color<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-11429\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2017\/04\/f12.jpg\" alt=\"change color in WordPress theme\" width=\"653\" height=\"332\" title=\"\"><\/p>\n<p>&nbsp;<br \/>\nFor instance, now you want to change the original red color to blue one, then\u00a0go to wp-content\/themes\/strollik\/css\/style.css and woocommerce.css<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-11430\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2017\/04\/f13.jpg\" alt=\"change color in WordPress theme\" width=\"752\" height=\"411\" title=\"\"><\/p>\n<p>After that, \u00a0open this file and find code color: #e43636. Next, replace all \u00a0with the code of color you want to display. Also, find the code color when hover : #c31a1a and replace by your favorite code of color.<br \/>\n<strong>Or<\/strong> you can choose skin of strollik to change color: In folder skin still have file style.css and woocommerce.css You only change code of color in these 2 folders.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11432\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2017\/04\/f141.jpg\" alt=\"change color in WordPress theme\" width=\"749\" height=\"418\" title=\"\"><\/p>\n<p>Finally,\u00a0save and review it<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11434\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2017\/04\/f15-1.jpg\" alt=\"change color in WordPress theme\" width=\"1000\" height=\"4567\" title=\"\"><\/p>\n<p>Now you only need to follow the simple steps above to switch to any other color at your taste. Hopefully, via this article, you can easily \u00a0change the color in your theme and create your own unique website. For more details, please visit <a class=\"green\" href=\"https:\/\/themeforest.net\/item\/strollik-single-product-woocommerce-wordpress-theme\/14454960\" rel=\"nofollow noopener\" target=\"_blank\">Strollik<\/a> theme in particular or our complete <a class=\"green\" href=\"https:\/\/themeforest.net\/user\/opal_wp\/portfolio\" rel=\"nofollow noopener\" target=\"_blank\">Portfolio<\/a> on Themeforest \u00a0to find out more high quality multipurposes WordPress theme for your online project. \u00a0Always remember that, whenever you meet any problems during setting up a theme, don&#8217;t hesitate and contact us via email support: <a class=\"green\" href=\"help@wpopal.com\">help@wpopal.com<\/a> or submit a ticket on our system: <a class=\"green\" href=\"ttp:\/\/bit.ly\/2klTrX2\" rel=\"nofollow noopener\" target=\"_blank\">http:\/\/bit.ly\/2klTrX2<\/a>. Our technical team will check and fix them well.<br \/>\nThanks a lot!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dear our beloved customers, In process of launching a new theme, many of us may inevitably meet several problems of adjusting the theme at our personal taste, especially when you are a beginner and start an online business for the first time. One of the most common issues that we have been reflected by numerous [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":30756,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-11427","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"_links":{"self":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts\/11427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/comments?post=11427"}],"version-history":[{"count":0,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts\/11427\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/media\/30756"}],"wp:attachment":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/media?parent=11427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/categories?post=11427"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/tags?post=11427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}