{"id":2185,"date":"2017-10-10T17:51:24","date_gmt":"2017-10-10T17:51:24","guid":{"rendered":"https:\/\/www.betterimpact.com\/trialguide\/3-branding\/"},"modified":"2019-05-27T19:36:40","modified_gmt":"2019-05-27T19:36:40","slug":"color-style","status":"publish","type":"page","link":"https:\/\/www.betterimpact.tv\/VI-trialguide\/color-style\/","title":{"rendered":"3 &#8211; Branding &#8211; Color &amp; Style"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/298430604?autoplay=1&amp;autopause=0\" width=\"1280\" height=\"720\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<p style=\"text-align: center;\"><a class=\"maxbutton-6 maxbutton maxbutton-back-branding-banner-management\" href=\"https:\/\/www.betterimpact.tv\/vi-trialguide\/branding-banner-management\/\"><span class='mb-text'>BACK<\/span><\/a><a class=\"maxbutton-8 maxbutton maxbutton-next-af-introduction\" href=\"https:\/\/www.betterimpact.tv\/vi-trialguide\/application-form-introduction\/\"><span class='mb-text'>NEXT<\/span><\/a>\n<div id=\"accordions-2941\" class=\"accordions-2941 accordions\" accordionsdata={&quot;lazyLoad&quot;:false,&quot;id&quot;:&quot;2941&quot;,&quot;event&quot;:&quot;click&quot;,&quot;collapsible&quot;:&quot;true&quot;,&quot;heightStyle&quot;:&quot;content&quot;,&quot;animateStyle&quot;:&quot;swing&quot;,&quot;animateDelay&quot;:1000,&quot;navigation&quot;:true,&quot;active&quot;:999,&quot;expandedOther&quot;:&quot;no&quot;}>\r\n                    <div class=\"items\" >\r\n        \r\n                <div post_id=\"2941\" itemcount=\"0\"  header_id=\"header-1540495697208\" id=\"header-1540495697208\" style=\"\" class=\"accordions-head head1540495697208 border-none\" toggle-text=\"\" main-text=\"STEP BY STEP INSTRUCTIONS\">\r\n                                            <span id=\"accordion-icons-1540495697208\" class=\"accordion-icons\">\r\n                            <span class=\"accordion-icon-active accordion-plus\"><i class=\"fa fas fa-chevron-up\"><\/i><\/span>\r\n                            <span class=\"accordion-icon-inactive accordion-minus\"><i class=\"fa fas fa-chevron-down\"><\/i><\/span>\r\n                        <\/span>\r\n                        <span id=\"header-text-1540495697208\" class=\"accordions-head-title\">STEP BY STEP INSTRUCTIONS<\/span>\r\n                                    <\/div>\r\n                <div class=\"accordion-content content1540495697208 \">\r\n                    <h4><span style=\"color: #000000;\">You also have the ability to change the <em><strong>colors and font<\/strong><\/em> used in your volunteer portal to match your organization's theme.<\/span><\/h4>\n<h4><\/h4>\n<h4><span style=\"color: #000000;\"><strong>1. Go to: Configuration >> Organization Settings >> Branding.<\/strong><\/span><\/h4>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2267 \" src=\"https:\/\/www.betterimpact.com\/wp-content\/uploads\/sites\/14\/2018\/04\/Color-and-style.png\" alt=\"\" width=\"970\" height=\"304\" \/><\/h4>\n<h4><\/h4>\n<h4><span style=\"color: #000000;\"><strong>2. Change the color of the tabs by clicking on the \u201cChoose Color from your Banner\u201d button next to the tabs as illustrated below.<\/strong><\/span><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3191\" src=\"https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-content\/uploads\/sites\/4\/2018\/10\/Screen-Shot-2-2.png\" alt=\"\" width=\"1019\" height=\"385\" srcset=\"https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-content\/uploads\/sites\/4\/2018\/10\/Screen-Shot-2-2.png 1019w, https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-content\/uploads\/sites\/4\/2018\/10\/Screen-Shot-2-2-300x113.png 300w, https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-content\/uploads\/sites\/4\/2018\/10\/Screen-Shot-2-2-768x290.png 768w\" sizes=\"auto, (max-width: 1019px) 100vw, 1019px\" \/><\/h4>\n<h4><\/h4>\n<h4><span style=\"color: #000000;\"><strong>3. Click on an area of your banner with the color you would like to choose. You\u2019ll see a preview of your selection. Save your changes by clicking [OK].<\/strong><\/span><\/h4>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3192\" src=\"https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-content\/uploads\/sites\/4\/2018\/10\/Screen-Shot-3-2.png\" alt=\"\" width=\"962\" height=\"418\" srcset=\"https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-content\/uploads\/sites\/4\/2018\/10\/Screen-Shot-3-2.png 962w, https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-content\/uploads\/sites\/4\/2018\/10\/Screen-Shot-3-2-300x130.png 300w, https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-content\/uploads\/sites\/4\/2018\/10\/Screen-Shot-3-2-768x334.png 768w\" sizes=\"auto, (max-width: 962px) 100vw, 962px\" \/><\/h4>\n<h4><\/h4>\n<h4><span style=\"color: #000000;\"><strong>4. Change the font of the main title by clicking on the font selector as illustrated below and choosing your desired font style.<\/strong><\/span><\/h4>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2401 size-full\" src=\"https:\/\/www.betterimpact.com\/wp-content\/uploads\/sites\/14\/2018\/04\/Screen-Shot-2018-04-19-at-2.51.07-PM.png\" alt=\"\" width=\"419\" height=\"103\" \/><\/h4>\n<h4><\/h4>\n<h4><span style=\"color: #000000;\"><strong>5. Preview your changes on the right-hand side of the page and see what it will look like on your volunteer portal, mobile page or timeclock (where applicable) by clicking on the various tabs.<\/strong><\/span><\/h4>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3193\" src=\"https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-content\/uploads\/sites\/4\/2018\/10\/Screen-Shot-5-2.png\" alt=\"\" width=\"492\" height=\"345\" srcset=\"https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-content\/uploads\/sites\/4\/2018\/10\/Screen-Shot-5-2.png 492w, https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-content\/uploads\/sites\/4\/2018\/10\/Screen-Shot-5-2-300x210.png 300w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><\/h4>\n<h4><\/h4>\n<h4><span style=\"color: #000000;\"><strong>6. Click [Save].<\/strong><\/span><\/h4>\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n    \r\n                <\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ufeff<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2185","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-json\/wp\/v2\/pages\/2185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-json\/wp\/v2\/comments?post=2185"}],"version-history":[{"count":0,"href":"https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-json\/wp\/v2\/pages\/2185\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.betterimpact.tv\/VI-trialguide\/wp-json\/wp\/v2\/media?parent=2185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}