{"id":7769,"date":"2014-08-15T15:57:10","date_gmt":"2014-08-15T22:57:10","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=7769"},"modified":"2022-02-03T05:23:01","modified_gmt":"2022-02-03T12:23:01","slug":"5-minute-website-fixes-highlight-key-business-details-with-the-color-picker","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/5-minute-website-fixes-highlight-key-business-details-with-the-color-picker\/","title":{"rendered":"5-minute website fixes: Highlight key business details with the Color Picker"},"content":{"rendered":"<p>When <a title=\"How to customize your font properties\" href=\"https:\/\/www.yola.com\/blog\/how-to-customize-your-font-properties\/\" target=\"_blank\" rel=\"noopener noreferrer\">customizing font properties<\/a> site-wide in the Yola Sitebuilder, you can maintain a consistent look and feel with Style Designer.<\/p>\n<p>But sometimes you don&#8217;t want to change your site&#8217;s properties across the board. You may only want to draw attention to just one word or phrase. And for that, there\u2019s the Color Picker.<\/p>\n<p>For example, let&#8217;s say you&#8217;re the proud owner of a new Tapas restaurant downtown. You\u2019ve built the menu page for your <a href=\"https:\/\/www.yola.com\/template\/restaurant-website\/\">restaurant website<\/a>, and it&#8217;s almost perfect. After <a title=\"How to Review and Watch Your Competitors\" href=\"https:\/\/www.yola.com\/blog\/how-to-review-and-watch-your-competitors\/\" target=\"_blank\" rel=\"noopener noreferrer\">reviewing your competitors<\/a>, you notice that you have better food and for a better price. The missing piece for your menu page is to draw attention to your plate pricing like in the image below.<\/p>\n<p><a href=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/08\/Screen-Shot-2014-08-15-at-11.05.32-AM.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-7775\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/08\/Screen-Shot-2014-08-15-at-11.05.32-AM.png\" alt=\"Example with font highlights\" width=\"500\" height=\"255\" \/><\/a><\/p>\n<p>While in Sitebuilder, highlight the portion of text that you\u2019d like to change.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7771\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/08\/Screen-Shot-2014-08-15-at-10.39.44-AM.png\" alt=\"Highlighting your text with Yola\" width=\"500\" height=\"163\" \/><\/p>\n<p>Select the Color Picker from your Text Widget Editor.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-7772\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/08\/Screen-Shot-2014-08-15-at-10.44.48-AM.png\" alt=\"Selecting the Color Picker\" width=\"491\" height=\"58\" \/><\/p>\n<p>Then type in the desired <a title=\"5-minute website fixes: Create a custom color scheme from your own site images\" href=\"https:\/\/www.yola.com\/blog\/5-minute-website-fixes-create-a-custom-color-scheme-from-your-own-site-images\/\" target=\"_blank\" rel=\"noopener noreferrer\">HEX color code<\/a>.\u00a0Don&#8217;t have a specific color in mind? No problem. Simply choose the color of your preference on the left, and the shade on the right.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7773\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/08\/Screen-Shot-2014-08-15-at-10.49.11-AM.png\" alt=\"Choosing a color on Yola\" width=\"500\" height=\"191\" \/><\/p>\n<p>Once you&#8217;ve picked your perfect color, click the &#8220;X&#8221; and revel in your excitement.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7774\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/08\/Screen-Shot-2014-08-15-at-10.56.32-AM.png\" alt=\"Adjusting font colors with Yola\" width=\"500\" height=\"128\" \/><\/p>\n<p>Now, highlight to your heart&#8217;s content.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7775\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/08\/Screen-Shot-2014-08-15-at-11.05.32-AM.png\" alt=\"Changing the colors of your fonts on Yola\" width=\"600\" height=\"306\" \/><\/p>\n<p>Have you taken advantage of the new Color Picker feature? Give us the details on your customizations below!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this 5-minute fix, we detail how to highlight specific text to draw the attention of your website visitors.<\/p>\n","protected":false},"author":456,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[130],"tags":[882,883,884],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7769"}],"collection":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/users\/456"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=7769"}],"version-history":[{"count":5,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7769\/revisions"}],"predecessor-version":[{"id":8850,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7769\/revisions\/8850"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=7769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=7769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=7769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}