{"id":5445,"date":"2019-07-26T11:10:04","date_gmt":"2019-07-26T05:25:04","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-pinthis-documentation\/appearance-settings\/how-to-change-the-primary-and-background-color-of-the-theme\/"},"modified":"2020-09-01T16:28:08","modified_gmt":"2020-09-01T10:43:08","slug":"how-to-change-the-primary-and-background-color-of-the-theme","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-pinthis\/appearance-settings\/how-to-change-the-primary-and-background-color-of-the-theme\/","title":{"rendered":"How to Change the Primary and Background color of the theme?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">The primary color is what you see on the header section on which the secondary menu and social media icons stay, the color of the button, etc.\u00a0<\/span><\/p>\n<ul>\n<li>Log in to the WordPress Admin Panel<\/li>\n<li>Go to\u00a0<strong>Appearance&gt; Customize&gt; Colors<\/strong><\/li>\n<li>Select the\u00a0<strong>Primary\u00a0<\/strong>and<strong>\u00a0Background Colors<\/strong>\u00a0for your website<\/li>\n<li>Click on\u00a0<strong>Publish<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5448\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/color-settings.png\" alt=\"Color settings of the theme\" width=\"346\" height=\"521\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/color-settings.png 346w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/color-settings-199x300.png 199w\" sizes=\"(max-width: 346px) 100vw, 346px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The primary color is what you see on the header section on which the secondary menu and social media icons stay, the color of the button, etc.\u00a0 Log in to the WordPress Admin Panel Go to\u00a0Appearance&gt; Customize&gt; Colors Select the\u00a0Primary\u00a0and\u00a0Background Colors\u00a0for your website Click on\u00a0Publish<\/p>\n","protected":false},"featured_media":0,"parent":5444,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-5445","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/5445"}],"collection":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/comments?post=5445"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/5445\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/5444"}],"next":[{"title":"How to Change the Background Image of the website?","link":"https:\/\/docs.blossomthemes.com\/blossom-pinthis\/appearance-settings\/how-to-change-edit-the-background-image-of-the-theme\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/5450"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=5445"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=5445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}