{"id":9242,"date":"2016-10-03T01:46:23","date_gmt":"2016-10-03T01:46:23","guid":{"rendered":"https:\/\/wpopal.com\/?p=9242"},"modified":"2016-10-03T01:46:23","modified_gmt":"2016-10-03T01:46:23","slug":"how-to-change-color-in-wordpress-theme","status":"publish","type":"post","link":"http:\/\/dev.wpopal.com\/wpopal\/how-to-change-color-in-wordpress-theme\/","title":{"rendered":"How to change color in WordPress Theme"},"content":{"rendered":"<p>Dear all customer&#8217;s.<br \/>\nToday, Opal Team will show with you how to change color in your theme.<br \/>\nThis is question, that many customer&#8217;s ask our support to help us change color for us theme.<br \/>\nLet me give you a way to change.<br \/>\nex: Theme strollik<br \/>\nYou can see this theme <a href=\"http:\/\/preview.themeforest.net\/item\/strollik-single-product-woocommerce-wordpress-theme\/full_screen_preview\/14454960?ref=opal_wp\" rel=\"nofollow noopener\" target=\"_blank\">Strollik<\/a><br \/>\nThis theme has red color .<br \/>\n<img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-9270\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2016\/10\/strollik.jpg\" alt=\"strollik\" width=\"1000\" height=\"4569\" title=\"\"><br \/>\nIf you want to know , what code color used to in this theme, please enter F12 and view code to see code of color .<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-9275\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2016\/10\/background.jpg\" alt=\"background\" width=\"653\" height=\"332\" title=\"\"><br \/>\nIf you want to change color to another color as blue, please go to wp-content\/themes\/strollik\/css\/style.css and woocommerce.css<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-9271\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2016\/10\/style.jpg\" alt=\"style\" width=\"752\" height=\"411\" title=\"\"><br \/>\nthen open this file and find code color: #e43636\u00a0 , next replace all color with your code color if you want to display.<br \/>\nnext find the code color when hover : #c31a1a and replace by your code color<br \/>\n<strong>Or<\/strong> you can choose skin of strollik to change color:<br \/>\nIn folder skin still have file style.css and woocommerce.css<br \/>\nYou only change code of color in 2 folders.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9272\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2016\/10\/skin.jpg\" alt=\"skin\" width=\"749\" height=\"418\" title=\"\"><br \/>\nAfter save it and review it.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9273\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2016\/10\/home2.jpg\" alt=\"home2\" width=\"1000\" height=\"4567\" title=\"\"><br \/>\n&nbsp;<br \/>\nIf you have any questions, please follow our social channels such as Facebook, Twitter, G+, Linkedin or send us via email support: help@wpopal.com. We will reply you within 24 hours. You have free time, visit our demo and experience!<\/p>\n<p style=\"text-align: center;\"><a class=\"btn btn-success\" href=\"http:\/\/preview.themeforest.net\/item\/strollik-single-product-woocommerce-wordpress-theme\/full_screen_preview\/14454960?ref=opal_wp\" rel=\"nofollow noopener\" target=\"_blank\">Live Demo<\/a><a class=\"btn btn-danger\" href=\"https:\/\/themeforest.net\/item\/strollik-single-product-woocommerce-wordpress-theme\/14454960?ref=opal_wp\" rel=\"nofollow noopener\" target=\"_blank\">Donwload<\/a><\/p>\n<p>Thanks for your listening!<br \/>\n&nbsp;<br \/>\n&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dear all customer&#8217;s. Today, Opal Team will show with you how to change color in your theme. This is question, that many customer&#8217;s ask our support to help us change color for us theme. Let me give you a way to change. ex: Theme strollik You can see this theme Strollik This theme has red [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":30788,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-9242","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\/9242","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\/14"}],"replies":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/comments?post=9242"}],"version-history":[{"count":0,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts\/9242\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/media\/30788"}],"wp:attachment":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/media?parent=9242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/categories?post=9242"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/tags?post=9242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}