{"id":70208,"date":"2021-12-22T12:59:37","date_gmt":"2021-12-22T12:59:37","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?page_id=70208"},"modified":"2023-05-17T11:04:02","modified_gmt":"2023-05-17T11:04:02","slug":"highlighted-text","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/highlighted-text\/","title":{"rendered":"Highlighted Text block for Gutenberg"},"content":{"rendered":"\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-bc42124d qodef-col-num--2 qodef-col-layout--50 qodef-content--full-width qodef-gutter--no\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-0ff15a9c qodef-vertical-align--middle qodef-horizontal-align--start\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-6ee78270 qodef-width--inline qodef-width--tablet--full-width\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-title-break-disabled--mobile qodef-text-break-disabled--mobile qodef-subtitle-icon--left\"><h1 class=\"qodef-m-title\">Highlighted Text <br><span style=\"text-decoration: underline;\" class=\"qodef-underline-text\">GUTENBERG<\/span> block<\/h1><p class=\"qodef-m-text\">The Highlighted text custom block lets you easily <br>accentuate parts of text that you select<\/p><\/div><\/div>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-5cc19d6b qodef-col-num--1 qodef-col-layout--100 qodef-gutter--no qodef-content--full-width\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-8228ab23 qodef-horizontal-align--start qodef-horizontal-align--tablet--start\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-button qodef-block-container qodef-block-dca81b44 qodef-width--inline qodef-width--mobile--full-width\"><a class=\"qi-block-button qodef-block qodef-m qodef-layout--filled qodef-type--standard qodef-text-underline qodef-underline--left qodef-hover--icon-move-horizontal-short\" href=\"https:\/\/qodeinteractive.com\/pricing\/?qi_product=blocks\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"qodef-m-text\">TRY QI BLOCKS<\/span><\/a><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-button qodef-block-container qodef-block-3d0ecf4b qodef-width--inline qodef-width--mobile--full-width\"><a class=\"qi-block-button qodef-block qodef-m qodef-layout--filled qodef-type--standard qodef-icon--left\" href=\"https:\/\/www.youtube.com\/watch?v=7gFwIJ2bunI\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"qodef-m-text\">YOUTUBE TUTORIAL<\/span><span class=\"qodef-m-icon\"><span class=\"qodef-m-icon-inner\"><svg xml:space=\"preserve\" viewBox=\"0 0 8.688 12.873\" height=\"12.873px\" width=\"8.688px\" y=\"0px\" x=\"0px\"><g> <path d=\"M8.688,6.435c0,0.229-0.083,0.406-0.25,0.531l-7.313,5.75c-0.146,0.104-0.292,0.156-0.438,0.156  c-0.063,0-0.156-0.021-0.281-0.063C0.135,12.685,0,12.477,0,12.185v-11.5c0-0.292,0.135-0.5,0.406-0.625  c0.25-0.104,0.489-0.073,0.719,0.094l7.313,5.75C8.604,6.029,8.688,6.206,8.688,6.435z M6.875,6.435l-5.5-4.313v8.625L6.875,6.435z\" fill=\"#FFFFFF\"><\/path><\/g><\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-hide-on--tablet qodef-hide-on--mobile qodef-block-d5ad075d qodef-horizontal-align--center\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-64b6f2dc qodef-width--custom\" data-width=\"687px\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"687\" height=\"501\" class=\"wp-image-79323\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/highlighted-text-title-image.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/highlighted-text-title-image.png 687w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/highlighted-text-title-image-300x219.png 300w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/highlighted-text-title-image-600x438.png 600w\" sizes=\"auto, (max-width: 687px) 100vw, 687px\" \/><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-c6d97899 qodef-col-num--1 qodef-col-layout--100 qodef-content--predefined qodef-content--1300\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-569cafbd\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-highlight qodef-block-container qodef-block-de40b28f\"><h2 class=\"qi-block-highlight qodef-block qodef-m\">Highlighted Text block provides an easy and streamlined way <span class=\"qodef-highlight-text\">to highlight specific words or parts of text you select,<\/span> all while applying different stylizations, offsets &amp; more.<\/h2><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-5087d12e qodef-col-num--2 qodef-col-layout--50 qodef-content--predefined qodef-content--1300\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-a22cc78e\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-824be9eb\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"783\" class=\"wp-image-14205\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/02\/highlighted-text-img-1.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/02\/highlighted-text-img-1.png 800w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/02\/highlighted-text-img-1-600x587.png 600w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/02\/highlighted-text-img-1-300x294.png 300w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/02\/highlighted-text-img-1-768x752.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-54f0f1d6 qodef-vertical-align--top\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-highlight qodef-block-container qodef-block-b61b2c28\"><h3 class=\"qi-block-highlight qodef-block qodef-m\">Simply input the word <span class=\"qodef-highlight-text\">positions that correspond to words<\/span> you wish to highlight<\/h3><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-highlight qodef-block-container qodef-block-ef6ff0eb\"><p class=\"qi-block-highlight qodef-block qodef-m\">Highlighted Text custom block for Gutenberg lets you put parts of text that you select under a spotlight \u2013 all you need to do is provide your text, <span class=\"qodef-highlight-text\">input the positions of the words<\/span> as they appear in your text, and <span class=\"qodef-highlight-text\">pick your text styles.<\/span><\/p><\/div>\n\n\n\n<p>Make the highlighted text stand out the way you like it! Pick a different text color, set a background color for the highlighted text, and input values for text offset.<\/p>\n\n\n\n<div class=\"wp-block-qi-blocks-button qodef-block-container qodef-block-da14034a\"><a class=\"qi-block-button qodef-block qodef-m qodef-layout--filled qodef-type--standard qodef-icon--right qodef-hover--icon-move-horizontal-short\" href=\"#\"><span class=\"qodef-m-text\">View More<\/span><span class=\"qodef-m-icon\"><span class=\"qodef-m-icon-inner\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path stroke=\"none\" d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-e20bc44a qodef-col-num--2 qodef-col-layout--50 qodef-content--predefined qodef-content--1100\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-0e84cd69 qodef-vertical-align--top\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-7c0160da\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h5 class=\"qodef-m-subtitle\"><span>As easy as it gets<\/span><\/h5><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-highlight qodef-block-container qodef-block-b52f2a9a\"><h2 class=\"qi-block-highlight qodef-block qodef-m\">Create sections <span class=\"qodef-highlight-text\">with text that stands out<\/span> the way you like it.<\/h2><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-button qodef-block-container qodef-block-49b9caf0\"><a class=\"qi-block-button qodef-block qodef-m qodef-layout--textual qodef-type--standard qodef-text-underline qodef-underline--left qodef-icon--right qodef-hover--icon-move-horizontal-short\" href=\"#\"><span class=\"qodef-m-text\">View More<\/span><span class=\"qodef-m-icon qodef--icon-color-set\"><span class=\"qodef-m-icon-inner\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path stroke=\"none\" d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-f2133e4d\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-6bfeaedf\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"633\" class=\"wp-image-75711\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/02\/animated-text-img-5.jpg\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/02\/animated-text-img-5.jpg 950w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/02\/animated-text-img-5-600x400.jpg 600w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/02\/animated-text-img-5-300x200.jpg 300w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/02\/animated-text-img-5-768x512.jpg 768w\" sizes=\"auto, (max-width: 950px) 100vw, 950px\" \/><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-8f630306 qodef-col-num--1 qodef-col-layout--100 qodef-content--predefined qodef-content--1300 qodef-gutter--no\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-7c93900d\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-call-to-action qodef-block-container qodef-block-ecb106fd\"><div class=\"qi-block-call-to-action qodef-block qodef-m qodef-layout--standard qodef-button-below--1024\"><div class=\"qodef-m-inner\"><div class=\"qodef-m-content\"><h5 class=\"qodef-m-title\">Get Qi Blocks for Gutenberg with 80 professionally designed custom blocks for creating modern websites the easy way. Experience Full Site Editing executed to perfection!<\/h5><\/div><div class=\"qodef-m-button\">\n<div class=\"wp-block-qi-blocks-button qodef-block-container qodef-block-bd00e6de\"><a class=\"qi-block-button qodef-block qodef-m qodef-layout--filled qodef-type--standard qodef-icon--right qodef-hover--icon-move-horizontal-short\" href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/\"><span class=\"qodef-m-text\">View More<\/span><span class=\"qodef-m-icon\"><span class=\"qodef-m-icon-inner\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4; stroke:transparent;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"qi-full-width.php","meta":{"footnotes":""},"class_list":["post-70208","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/70208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/comments?post=70208"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/70208\/revisions"}],"predecessor-version":[{"id":85312,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/70208\/revisions\/85312"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/media?parent=70208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}