{"id":6277,"date":"2014-11-17T03:42:45","date_gmt":"2014-11-17T08:42:45","guid":{"rendered":"http:\/\/info.template-help.com\/?p=6277"},"modified":"2016-04-20T10:37:40","modified_gmt":"2016-04-20T14:37:40","slug":"how-to-change-color-scheme-images","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-change-color-scheme-images.html","title":{"rendered":"WordPress Cherry 3.x. How to change color scheme (css + images)"},"content":{"rendered":"<p>\r\n<p>This tutorial will show you how to  change color scheme in WordPress. <\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=AD4D8rduba0?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress. How to change color scheme (css + images)<\/a><br \/>\r\nSome color settings can be found under <strong>Cherry options &gt; General<\/strong> tab. You can check available options there:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images-187x300.jpg\" alt=\"WordPress_How_to_change_color_scheme_(css_ images)\" width=\"187\" height=\"300\" class=\"aligncenter size-medium wp-image-40367\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images-187x300.jpg 187w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images-93x150.jpg 93w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images-639x1024.jpg 639w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images.jpg 1375w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\r\n<ol>\r\n<li>\r\n<p>Let&#8217;s change <strong>Body text <\/strong>color and font size:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_3-300x279.jpg\" alt=\"WordPress_How_to_change_color_scheme_(css_ images)_3\" width=\"300\" height=\"279\" class=\"aligncenter size-medium wp-image-40368\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_3-300x279.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_3-150x139.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_3-1024x953.jpg 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Change color and font size values and click <strong>Save options <\/strong>button.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Refresh your page to see changes on the site.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Most of colors are edited in css files. Colors are defined in <strong>main-style.css<\/strong> file. In order to change color, you should copy the code from <strong>main-style.css<\/strong> file and paste it to <strong>style.css<\/strong> file under <strong>Appearance &gt; Editor<\/strong> in WordPress dashboard. Feel free to check out the following <a target=\"_blank\" href=\"\/help\/wordpress-cherry-framework-keeps-reverting-my-css-changes.html\">tutorial<\/a> to learn more on this.<\/p>\r\n<ol>\r\n<li>\r\n<p>Let&#8217;s change the color of menu button. Inspect element using <a target=\"_blank\" href=\"\/help\/firebug-mozilla-firefox-plugin.html\">Firebug software<\/a>: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_1-300x182.jpg\" alt=\"WordPress_How_to_change_color_scheme_(css_ images)_1\" width=\"300\" height=\"182\" class=\"aligncenter size-medium wp-image-40366\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_1-300x182.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_1-150x91.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_1-1024x621.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_1.jpg 1038w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Copy css rule and paste it to <strong>style.css<\/strong> file: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_2-300x148.jpg\" alt=\"WordPress_How_to_change_color_scheme_(css_ images)_2\" width=\"300\" height=\"148\" class=\"aligncenter size-medium wp-image-40369\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_2-300x148.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_2-150x74.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_2-1024x506.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/WordPress_How_to_change_color_scheme_css_-images_2.jpg 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Change default color code to the desired one and click <strong>Update<\/strong> file.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Refresh your page to see changes on the site.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=AD4D8rduba0?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress. How to change color scheme (css + images)<\/a><\/p>\r\n<\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to  change color scheme in WordPress.<\/p>\n","protected":false},"author":54,"featured_media":43286,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[520,537,566,641,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6277"}],"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\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=6277"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6277\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43286"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=6277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=6277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=6277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}