{"id":1387,"date":"2016-04-07T09:58:38","date_gmt":"2016-04-07T13:58:38","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=1387"},"modified":"2023-06-14T13:08:46","modified_gmt":"2023-06-14T17:08:46","slug":"customizer-how-to-use-the-colors-tab","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/boldgrid-themes\/customizer-how-to-use-the-colors-tab\/","title":{"rendered":"Customizer: How to use the Colors Tab"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><p>One of the best features of <strong>BoldGrid<\/strong> is the countless ways to <a href=\"https:\/\/www.boldgrid.com\/support\/boldgrid-inspirations-plugin-product-guide\/\">customize<\/a> your website. In this tutorial, we&rsquo;ll show you how to use the <strong>Colors Tab<\/strong> to change your color scheme of the theme you chose during the <a href=\"https:\/\/www.boldgrid.com\/themes\/\">Inspirations<\/a>. <!--more--><\/p>\n<ol>\n<li><a href=\"?p=1042\" target=\"_blank\" rel=\"noopener noreferrer\">Log into the BoldGrid Dashboard<\/a>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/1387-bg-customize-1-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3457 size-full alignright\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/1387-bg-customize-1-1.png\" alt=\"Customize link from WordPress admin\" width=\"228\" height=\"288\"><\/a> Select the <strong>Customize<\/strong> option from the left-hand menu pane\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/customizer-colors-menu-option.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-11039 size-full\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/customizer-colors-menu-option.png\" alt=\"Customizer Colors menu option highlighted\" width=\"301\" height=\"335\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/customizer-colors-menu-option.png 301w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/customizer-colors-menu-option-270x300.png 270w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/customizer-colors-menu-option-250x278.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/customizer-colors-menu-option-162x180.png 162w\" sizes=\"auto, (max-width: 301px) 100vw, 301px\" \/><\/a>Click on the <strong>Colors<\/strong> tab\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li>Now you can customize the colors of your site. You can view the changes in real-time using the preview window in the right side panel. Here are a few examples of what you can modify:<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/color-palette-section-active-palette.png\" rel=\"attachment wp-att-1390\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-11032 size-full\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/color-palette-section-active-palette.png\" alt=\"Color Palette Section Active Palette highlighted\" width=\"302\" height=\"422\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/color-palette-section-active-palette.png 302w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/color-palette-section-active-palette-215x300.png 215w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/color-palette-section-active-palette-250x349.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/color-palette-section-active-palette-129x180.png 129w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/a>&nbsp;<br>\nUnder the <em>Color Palette<\/em> section you will see your site colors. Click &amp; drag these to change the color location.\n<div style=\"clear: both;\"><\/div>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/color-selector.png\" rel=\"attachment wp-att-1391\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-11034 size-full\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/color-selector.png\" alt=\"Color Selector highlighted\" width=\"287\" height=\"497\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/color-selector.png 287w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/color-selector-173x300.png 173w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/color-selector-250x433.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/color-selector-104x180.png 104w\" sizes=\"auto, (max-width: 287px) 100vw, 287px\" \/><\/a>Select the color you want to change and click the new color from the Palette.<\/p>\n<div style=\"clear: both;\"><\/div>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/suggested-color-palettes.png\" rel=\"attachment wp-att-1392\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-11036 size-full\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/suggested-color-palettes.png\" alt=\"Suggested Color Palettes highlighted\" width=\"286\" height=\"541\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/suggested-color-palettes.png 286w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/suggested-color-palettes-159x300.png 159w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/suggested-color-palettes-250x473.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/suggested-color-palettes-95x180.png 95w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/suggested-color-palettes-264x500.png 264w\" sizes=\"auto, (max-width: 286px) 100vw, 286px\" \/><\/a>You can also choose a new color palette from the <strong>Suggested Palettes<\/strong> options.<\/p>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/save-and-publish-button.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-11037 size-full\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/save-and-publish-button.png\" alt=\"Save and Publish button highlighted\" width=\"289\" height=\"337\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/save-and-publish-button.png 289w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/save-and-publish-button-257x300.png 257w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/save-and-publish-button-250x292.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/save-and-publish-button-154x180.png 154w\" sizes=\"auto, (max-width: 289px) 100vw, 289px\" \/><\/a>Click <strong>Save &amp; Publish<\/strong> to save your changes\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<\/ol>\n<p>Congratulations! You&rsquo;ve now just learned how to change the colors on your BoldGrid site.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>One of the best features of BoldGrid is the countless ways to customize your website. In this tutorial, we&rsquo;ll show you how to use the Colors Tab to change your color scheme of the theme you chose during the Inspirations.<\/p>\n","protected":false},"author":361,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"Customizer: How to use the Colors Tab | BoldGrid ","bgseo_description":"In this tutorial, we'll show you how to use the Colors Tab to change your color scheme of the theme you chose during the Inspirations.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[764],"tags":[],"class_list":["post-1387","post","type-post","status-publish","format-standard","hentry","category-boldgrid-themes"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/1387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/361"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=1387"}],"version-history":[{"count":16,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/1387\/revisions"}],"predecessor-version":[{"id":92132,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/1387\/revisions\/92132"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=1387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=1387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=1387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}