{"id":103855,"date":"2023-01-31T18:30:10","date_gmt":"2023-01-31T13:00:10","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&#038;p=103855"},"modified":"2023-07-18T10:00:23","modified_gmt":"2023-07-18T04:30:23","slug":"advanced-text-block-elementor","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/advanced-text-block-elementor\/","title":{"rendered":"Advanced Text Block Elementor Widget Settings Overview"},"content":{"rendered":"\n<p>The Elementor page builder is one of the most popular WordPress page builders on the market. It&#8217;s an extremely powerful visual builder that allows you to create complex web designs without writing any code. One of the features that make Elementor so powerful is its text widget. The text widget allows you to add text and other HTML elements to any page or post in Elementor.<\/p>\n\n\n\n<p>While the Elementor\u2019s text editor widget is great but if you want to go beyond its basic options you can try the Advanced Text Block widget of The Plus Addons for Elementor. With this free widget, you\u2019ll get some advanced options that you won\u2019t with the basic text editor widget of Elementor.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill\"><a class=\"wp-block-button__link has-nxt-global-color-8-color has-nxt-global-color-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/advance-text-block?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" style=\"border-radius:5px\" target=\"_blank\" rel=\"noreferrer noopener\">LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Required Setup<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor FREE Plugin<\/a> installed &amp; activated.<\/li>\n\n\n\n<li>You need to have <a href=\"https:\/\/wordpress.org\/plugins\/the-plus-addons-for-elementor-page-builder\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">The Plus Addons for Elementor plugin<\/a> installed and activated.<\/li>\n\n\n\n<li>Make sure the Advanced Text Block widget is activated, to verify this visit Plus Settings \u2192 and Search for TP Text Block and activate.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to Activate the Advanced Text Block Widget?<\/h2>\n\n\n\n<p>Go to&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>The Plus Settings <\/strong>\u2192<strong> Plus widgets&nbsp;<\/strong><\/li>\n\n\n\n<li><strong>Search <\/strong>the widget name<strong> <\/strong>and<strong> turn on the toggle <\/strong>then<strong> <\/strong>click <strong>Save.<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/01\/ad-text-activate-1024x488.png\" alt=\"advanced text activate\" class=\"wp-image-103859\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/01\/ad-text-activate-1024x488.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/01\/ad-text-activate-300x143.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/01\/ad-text-activate-768x366.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/01\/ad-text-activate-1536x732.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/01\/ad-text-activate-600x286.png 600w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/01\/ad-text-activate.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Key features<\/h2>\n\n\n\n<p><strong>Description limit<\/strong> &#8211; You can easily limit the description text by a number of characters or words. <a href=\"\/docs\/limit-wordcount-text-widget-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Learn more about the process<\/a>.<\/p>\n\n\n\n<p><strong>Add ellipsis<\/strong> &#8211; You can add an ellipsis text effect at the end of your text even for multiline text.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to add content in Advanced Text Block?<\/h2>\n\n\n\n<p>Adding content in the Advanced Text Block is very simple, search for the text block in the Elementor widget panel and drag and drop the widget to the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"300\" height=\"685\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/01\/ad-text-widget.png\" alt=\"advanced text widget\" class=\"wp-image-103862\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/01\/ad-text-widget.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/01\/ad-text-widget-131x300.png 131w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p>Once you add the widget on the page you\u2019ll see a text editor under the <strong>Advanced Text Block<\/strong> tab where you can type your text easily.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"300\" height=\"709\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/01\/ad-text-editor.png\" alt=\"advanced text editor\" class=\"wp-image-103860\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/01\/ad-text-editor.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/01\/ad-text-editor-127x300.png 127w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p>With this rich text editor, you can format your text properly.&nbsp;<\/p>\n\n\n\n<p>Then from the <strong>Alignment<\/strong> option, you can align your text for different devices.<\/p>\n\n\n\n<p>From the <strong>Description Limit<\/strong> option, you can set a limit to your description text by a number of words or characters, learn more about it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to style Advanced Text Block in Elementor?<\/h2>\n\n\n\n<p>To style the Advanced Text Block you\u2019ll find all the options in the Style tab, from here you can manage the text colour and its typography.<\/p>\n\n\n\n<p><strong>On Scroll View Animation<\/strong> &#8211;&nbsp; This is our global extension available for all our widget, this adds scrolling animation as the widget comes in viewport.<\/p>\n\n\n\n<p><a href=\"https:\/\/docs.posimyth.com\/tpae\/on-scroll-view-animation\/\">Learn more about On Scroll View Animation<\/a><\/p>\n\n\n\n<p>Advanced options remain common for all our widget, you can explore all it options from here.<\/p>\n\n\n\n<p><a href=\"https:\/\/theplusblocks.com\/docs\/advanced-tab-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">View Advanced tab tutorial.<\/a><\/p>\n","protected":false},"author":16,"featured_media":104355,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[541,527],"class_list":["post-103855","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-advanced-text","docs-plus-widgets"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/103855","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=103855"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/103855\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/104355"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=103855"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=103855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}