{"id":15,"date":"2022-07-04T19:31:57","date_gmt":"2022-07-04T19:31:57","guid":{"rendered":"https:\/\/addons.dynamiclayers.net\/doc\/?page_id=15"},"modified":"2022-07-04T19:49:21","modified_gmt":"2022-07-04T19:49:21","slug":"advanced-heading-for-elementor","status":"publish","type":"page","link":"https:\/\/addons.dynamiclayers.net\/doc\/advanced-heading-for-elementor\/","title":{"rendered":"Advanced Heading For Elementor"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">1. System Requirements<\/h4>\n\n\n\n<p>For the <strong>Advanced Heading for Elementor<\/strong> plugin, you should install the latest version of the Elementor page builder.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. Installation<\/h4>\n\n\n\n<p>To install this plugin you must have a working version of WordPress already installed. Upon downloading the <strong>Advanced Heading for Elementor<\/strong> archive, extract the archive, and inside the extracted folder you will find the full contents of your purchase. The <strong>advanced-heading-for-elementor.zip<\/strong> archive contains the installable plugin files.<\/p>\n\n\n\n<p><strong>You can install the plugin in two ways: using the WordPress plugin installer, or the FTP upload method. If you have trouble installing the plugin using the WordPress plugin installer, please proceed with installing it via the FTP upload method and you will be able to get around the issue.<\/strong><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">1. WordPress Plugin Installer<\/h5>\n\n\n\n<p>Follow the steps below to install using the <strong>WordPress<\/strong> plugin installer.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Navigate to <strong>Plugins > Add New<\/strong><\/li><li>Click <strong>Upload Plugin<\/strong> and then Choose the <strong>advanced-heading-for-elementor.zip<\/strong> from your computer then click on the <strong>Install Now<\/strong> button.<\/li><li>To activate the newly installed plugin navigate the <strong>Plugins > Installed<\/strong> Plugins.<\/li><li>Find the <strong>Advanced Heading for Elementor<\/strong> plugin from the list and press\/click <strong>Activate<\/strong>.<\/li><li>That&#8217;s it. Now the plugin is fully installed and activated on your website.<\/li><\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">2. FTP Upload Method<\/h5>\n\n\n\n<p>Follow these steps to install the plugin using FTP.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Unzip the <strong>advanced-heading-for-elementor.zip<\/strong> archive file to the desired location on your computer. The extracted files will be uploaded later via FTP.<\/li><li>Connect to your server via FTP.<\/li><li>Navigate to<strong> \/wp-content\/plugins\/ <\/strong>on server.<\/li><li>Upload local folder <strong>advanced-heading-for-elementor<\/strong> to remote <strong>\/wp-content\/plugins\/<\/strong> folder.<\/li><li>To activate the newly installed plugin navigate the <strong>Plugins > Installed<\/strong> Plugins.<\/li><\/ul>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">3. How to Use<\/h2>\n\n\n\n<p>In this add-on, you will find two widgets inside the Advanced Heading category. Let&#8217;s how you can use these widgets.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. Advanced Heading<\/h4>\n\n\n\n<p>You can make nice looking section heading using this heading widget. Just drag and drop the widget in the Elementor content editor to use it.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/themes.dynamiclayers.net\/documentation\/wp-content\/uploads\/sites\/22\/2020\/09\/advanced-heading-drag-drop.png\" alt=\"\" class=\"wp-image-29\"\/><\/figure>\n\n\n\n<p>After the drag and drop the widget you will find so many options to customize your <strong>Advanced Heading<\/strong> widget. The first option is in the content tab to enter your heading text.<\/p>\n\n\n\n<figure class=\"wp-block-image alignleft size-full\"><img decoding=\"async\" src=\"https:\/\/themes.dynamiclayers.net\/documentation\/wp-content\/uploads\/sites\/22\/2020\/09\/advanced-heading-content-settings.png\" alt=\"\" class=\"wp-image-31\"\/><\/figure>\n\n\n\n<p>You can customize typography, color, and spacing from the style tab. In the style tab, you will find <strong>Before Text<\/strong> style, <strong>Center Text<\/strong> style, <strong>After Text<\/strong> style, <strong>Custom Border<\/strong> style, and <strong>Background Text<\/strong> style.<\/p>\n\n\n\n<p>Also, you can import our pre-made styled <strong>Advanced Headings<\/strong>. Just import the JSON file using Elementor local template importer. You will find the JSON file inside the <strong>Pre-Made templates\/Advanced Heading<\/strong> folder.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. Animated Heading<\/h4>\n\n\n\n<p>You can use an animated heading using this widget. Just drag and drop the widget like the <strong>Advanced Heading<\/strong> widget. After drag and drop the widget you will see look like this screen.<\/p>\n\n\n\n<figure class=\"wp-block-image alignleft size-full\"><img decoding=\"async\" src=\"https:\/\/themes.dynamiclayers.net\/documentation\/wp-content\/uploads\/sites\/22\/2020\/09\/animated-heading.png\" alt=\"\" class=\"wp-image-36\"\/><\/figure>\n\n\n\n<p>In the content area, you can select animation type, and add animated text before and after text. Also, you can select the tag and alignment of the heading.<\/p>\n\n\n\n<p>Also, you can import our pre-made styled <strong>Animated Headings<\/strong>. Just import the JSON file using Elementor local template importer. You will find the JSON file inside the <strong>Pre-Made templates\/Animated Heading<\/strong> folder.<\/p>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>1. System Requirements For the Advanced Heading for Elementor plugin, you should install the latest version of the Elementor page builder. 2. Installation To install this plugin you must have a working version of WordPress already installed. Upon downloading the Advanced Heading for Elementor archive, extract the archive, and inside the extracted folder you will [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":4,"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/pages\/15\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}