{"id":100,"date":"2023-09-26T09:54:31","date_gmt":"2023-09-26T09:54:31","guid":{"rendered":"https:\/\/docs.codevibrant.com\/azure\/?p=100"},"modified":"2024-01-09T09:44:10","modified_gmt":"2024-01-09T09:44:10","slug":"how-to-change-colors-in-your-site","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/azure\/how-to-change-colors-in-your-site\/","title":{"rendered":"How to Change Colors in your Site?"},"content":{"rendered":"\n<p>Colors is focal factors to make website visually attractive and improvise user experience. Colors also trademarks brands with their specific color. To sum up, Color also plays an important factor for User Experience and Brand Awareness. In Azure Theme, you can adjust your color in the customizer. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"457\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Color-Customizers-1024x457.jpg\" alt=\"Color Customizer in Azure\" class=\"wp-image-101\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Color-Customizers-1024x457.jpg 1024w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Color-Customizers-300x134.jpg 300w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Color-Customizers-768x342.jpg 768w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Color-Customizers.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Video Guide<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Azure Complete Walkthrough\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/-BAtD90lTGg?start=684&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\"><em>Starts from the relative time.<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">To go to Color Customizer in the Azure Theme, <\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your WordPress dashboard using your credentials, then navigate yourself to <strong>Appearance &gt;&gt; Customize<\/strong><\/li>\n\n\n\n<li>Then Go to <strong>General Settings <\/strong>and to <strong>Colors<\/strong> at the bottom of the panel.  <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">There are two different options where you can adjust the color for your website: <\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Base Colors:<\/strong> In this section, you can customize your Primary color of your website alongside <strong>Text Color, Link<\/strong> and<strong> Link Hover Color<\/strong><\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"242\" height=\"303\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-12.png\" alt=\"Base Color Customizer\" class=\"wp-image-102\" style=\"width:251px;height:314px\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-12.png 242w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-12-240x300.png 240w\" sizes=\"auto, (max-width: 242px) 100vw, 242px\" \/><\/figure><\/div>\n\n\n<p> 2. <strong>Categories Colors<\/strong>: In Categories Color section, you have the option to choose <strong>different colors<\/strong> for <strong>each of your categories<\/strong> according to your preference. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"426\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-13.png\" alt=\"Categories Color Customizer\" class=\"wp-image-103\" style=\"width:186px;height:332px\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-13.png 239w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-13-168x300.png 168w\" sizes=\"auto, (max-width: 239px) 100vw, 239px\" \/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the <strong>Color Palette<\/strong> in the right side of the customizer to change the colors<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Colors is focal factors to make website visually attractive and improvise user experience. Colors also trademarks brands with their specific color. To sum up, Color also plays an important factor for User Experience and Brand Awareness. In Azure Theme, you can adjust your color in the customizer. Video Guide To go to Color Customizer in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-100","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":2,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/100\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/100\/revisions\/395"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/media?parent=100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/categories?post=100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/tags?post=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}