{"id":52,"date":"2020-12-15T13:34:01","date_gmt":"2020-12-15T13:34:01","guid":{"rendered":"https:\/\/help.webhealer.net\/?p=52"},"modified":"2021-05-13T15:55:54","modified_gmt":"2021-05-13T15:55:54","slug":"how-to-use-text-menu-bar-to-format-style-text","status":"publish","type":"post","link":"https:\/\/help.webhealer.net\/index.php\/2020\/12\/15\/how-to-use-text-menu-bar-to-format-style-text\/","title":{"rendered":"How to format &#038; style text"},"content":{"rendered":"\n<p>Once you have selected a template and begin adding in your own text, you may want to style it a bit to add colours, change font, add bold text, etc. <\/p>\n\n\n\n<p>This is simple to do:<\/p>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\"><strong>1.<\/strong><\/span> First, if you wish to apply a style to an entire text box, simply click into the text box and the menu bar will appear. The first item on the menu bar is a <strong>&#8216;T&#8217; for &#8216;Typography&#8217;<\/strong> which allows you to change the type of text, font, size, etc. as seen below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"565\" height=\"344\" src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/step2-7.png\" alt=\"\" class=\"wp-image-55\" srcset=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/step2-7.png 565w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/step2-7-300x183.png 300w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/step2-7-60x37.png 60w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/step2-7-150x91.png 150w\" sizes=\"(max-width: 565px) 100vw, 565px\" \/><\/figure>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\"><strong>2.<\/strong><\/span> The next menu item is the <strong>Colour icon<\/strong>, which is covered in <a href=\"https:\/\/help.webhealer.net\/index.php\/2020\/12\/15\/how-to-change-text-colour\/\" data-type=\"URL\" data-id=\"https:\/\/help.webhealer.net\/index.php\/2020\/12\/15\/how-to-change-text-colour\/\">this guide<\/a>.<\/p>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\"><strong>3.<\/strong><\/span> The third menu item is the <strong>Alignment icon<\/strong>, which allows you to left\/right\/centre align your text.<\/p>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\"><strong>4.<\/strong> <\/span>Next we have the <strong>List icon<\/strong>, which allows you to create a <strong>numbered or bullet-pointed list<\/strong>. Click once for numbers, twice for bullet-points and a third time to remove this feature.<\/p>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\"><strong>5.<\/strong> <\/span>We then have<strong> <\/strong>&#8216;B&#8217; for <strong>bold<\/strong>&#8230;<\/p>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\"><strong>6.<\/strong><\/span> &#8230;and &#8216;I&#8217; for <em>italics<\/em>. Highlight specific word(s) within your text to apply these styles if you do not wish to apply them to the whole text box.<\/p>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\"><strong>7. <\/strong><\/span>Lastly, we have the <strong>Link icon<\/strong> which allows you to add a link to an external website or to another part of your own website, which is explained in <a href=\"https:\/\/help.webhealer.net\/index.php\/2020\/12\/15\/how-to-create-links-internal-external\/\" data-type=\"URL\" data-id=\"https:\/\/help.webhealer.net\/index.php\/2020\/12\/15\/how-to-create-links-internal-external\/\">this guide<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/Styling-and-formatting-content.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong><span class=\"has-inline-color has-vivid-red-color\">*NB*<\/span>&nbsp;\u2013 Don\u2019t forget to click \u2018Update\u2019 in the bottom right-hand corner after you make any changes to your website so they will be saved!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Once you have selected a template and begin adding in your own text, you may want to style it a bit to add colours, change font, add bold text, etc. This is simple to do: 1. First, if you wish to apply a style to an entire text box, simply click into the text box [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts\/52"}],"collection":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":4,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts\/52\/revisions"}],"predecessor-version":[{"id":271,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts\/52\/revisions\/271"}],"wp:attachment":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/categories?post=52"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/tags?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}