{"id":1501,"date":"2021-06-17T12:19:12","date_gmt":"2021-06-17T12:19:12","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=1501"},"modified":"2023-02-22T10:12:47","modified_gmt":"2023-02-22T10:12:47","slug":"how-to-use-the-icon-list-widget-in-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/","title":{"rendered":"How to Use the Icon List Widget in Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1501\" class=\"elementor elementor-1501\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3e71c392 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3e71c392\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5da2f91a\" data-id=\"5da2f91a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-186bb0d elementor-widget elementor-widget-video\" data-id=\"186bb0d\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=HLXM81unSTU&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-18da5eca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"18da5eca\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3bc9969a\" data-id=\"3bc9969a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-68d79d82 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"68d79d82\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1751\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1751\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1752\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1752\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1751\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1751\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1751\" tabindex=\"0\" hidden=\"false\"><p>In this tutorial, we will teach you how to create easy-to-manage lists within Elementor using the Icon List Widget. We\u2019ll walk you through it step by step, so you know how to create vertical and horizontal lists using either the default icon library or your own custom icons. This tutorial will cover:<\/p><p>\u2714 How to create a vertical or horizontal list<\/p><p>\u2714 Customizing your lists to match your design<\/p><p>\u2714 Adding your own custom icon<\/p><p>\u2714\ufe0e And much more!<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1752\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1752\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1752\" tabindex=\"0\" hidden=\"hidden\"><p>Hey there, it&#8217;s Ash from Elementor.<\/p><p>In this tutorial we will explore the Icon List Widget. This widget allows you to create easy-to-manage vertical and horizontal lists within your website.<\/p><p>Lists are a great way to display information on your website is a clear and concise way.<\/p><p>With Elementor it\u2019s easy to create great looking lists which seamlessly connect to the icon library and even allows you to upload your own.<\/p><p>So, if you\u2019re ready let\u2019s get started!<\/p><p>In this example I will walk you through the steps of how to create an inline list which is separated by dividers and then a default, vertical list which we\u2019ll split into two columns.<br \/>To start with we\u2019ll work on the default list layout. Let\u2019s delete this section and search for the \u2018Icon List Widget\u2019. Drop this into position and let\u2019s explore the configuration and styling options which are available.<\/p><p>As you can see, some demo list items have already been created, and you\u2019ll also notice that each item has its own individual icon. This is a great feature which provides a lot of customisation options for your lists.<\/p><p>The first option we see is \u2018Layout\u2019. Here we can state whether we would like our list to appear in the default layout, which is in a vertical format or the in-line layout which changes our list to show horizontally. Let\u2019s leave this as default and we\u2019ll explore the in-line option later on.<\/p><p>Next we have the list items themselves. If we select the first item you\u2019ll see we are presented with some additional options. The text field is where you will enter your text which will show in your list item. You can manually type something in here or you have the option to populate this field with dynamic content.<\/p><p>Let\u2019s add the text for our first item.<\/p><p>The icon section allows you to do three things. You can either remove the icon, set an icon from the icon library or upload an SVG icon.<\/p><p>By deleting the icon you will see that it is removed completely from the list and the text moves in to fill the space.<\/p><p>Selecting the plus icon or \u2018Icon Library\u2019 button opens up the Elementor Icon Library. Here you will see a vast collection of icons which you can use on your website. Simply use the filters or perform a search to find an icon to use in your list.<\/p><p>If you have your own icon library, you upload it here. To find out more about uploading your own icon library, check out our dedicated tutorial on this by following the link in the description.<\/p><p>Once you have found a suitable icon, simply select \u2018Insert\u2019 to add it to your list item.<\/p><p>The last option we see here is to upload an SVG icon which is what we&#8217;re going to do for our list.<\/p><p>Please note that to upload SVG icons, you must first enable this within your Elementor settings.<\/p><p>We have already uploaded our icon, so we\u2019ll simply select it in the media library and insert it into our list.<\/p><p>The last option we see here is the ability to add a link to your item. Here you can type in the website address you would like to link to, or you can select a page already on your website by performing a search. Clicking the gear icon will open up more link options, like the ability to open links into a new tab. You also configure this link with dynamic content.<\/p><p>We do not require any links in our list, so we\u2019ll leave this section blank.<\/p><p>OK, great. We\u2019ve set a great base for our list and now I\u2019ll show you how to quickly duplicate the list items for faster development.<\/p><p>Delete the unused list items by selecting the cross button.<\/p><p>And now select the duplicate button five times.<\/p><p>Alright, that was easy!<\/p><p>Before we move on, let\u2019s quickly update the text on each item.<\/p><p>Fast forward text updates&#8230;<\/p><p>The final setting we see in the content tab is the \u2018Apply Link On\u2019 option. If you have applied links to your items, here you can specify if you would like the link to be applied to the full width of the item, or simply just the text &amp; icon.<\/p><p>Now, let\u2019s switch over to the style tab.<\/p><p>The first option here allows us to set the space between our list items. We\u2019ll set this to 15.<\/p><p>Next, we have the alignment. By default the list is set to be left aligned, but as you can see we can move the list to the center and to the right.<\/p><p>We\u2019ll leave this as default.<\/p><p>And the final option here is to set a divider. You can see by toggling this option we are presented with more customisations. Let\u2019s leave this off for now as we\u2019re going to explore this in more detail when we create our in-line list.<\/p><p>Now, open the Icon toggle.<\/p><p>Here we can style our icon by setting it\u2019s color, size and alignment.<\/p><p>We can set the color using the global colors or by a manual selection. We\u2019ll set our icon to #403EF1<\/p><p>We\u2019ll leave hover as blank but be sure to set a color here if you would like your icons to change color when a user hovers over them.<\/p><p>Size we\u2019ll set to 20 and alignment we\u2019ll leave as default.<\/p><p>Finally, we\u2019ll amend the text styling. Let\u2019s switch over to the \u2018text\u2019 toggle and set the color to black. Hover, we\u2019ll leave as blank, but just like the icon, be sure to set a color here if you would like your text to change color when a user hovers over it.<\/p><p>Text indent controls the spacing between the icon and the text. For our design 35 works really well.<\/p><p>And last but not least, we\u2019ll set the typography options. These can be set using the global font options or manually.<\/p><p>We\u2019ll set the family to \u2018Poppins\u2019, Size to \u201816px\u2019, Weight to \u2018400\u2019, Transform to \u2018Capitalize\u2019 which will ensure each word starts with a capital letter. Style we\u2019ll set to \u2018Normal\u2019, and decoration can be left as \u2018Default\u2019.<\/p><p>Finally let\u2019s amend the line-height and letter spacing.<\/p><p>Under line-height ensure em is selected and enter 1, then under letter spacing enter 0.<\/p><p>OK, fantastic, we now have one great looking list.<\/p><p>Let\u2019s make some additional adjustments now so that it appears in two columns.<\/p><p>First of all we\u2019re going to need to add an inner section. Open the widgets panel and drop an inner section just above our list.<\/p><p>Now, let\u2019s move our list into the first column and duplicate it.<\/p><p>Drag the duplicated list into the second column, then delete the last three items of the first list, and the last three items on the second list.<\/p><p>OK, that looks great!<\/p><p>Let&#8217;s just double check our list appears correctly on tablet and mobile devices before we move on.<\/p><p>Switch to tablet view first of all and as you can see our list still looks great.<\/p><p>Now switch to mobile view. Whilst this does look good it would look better if the list was aligned with the heading. Select the first column and amend the padding to 0px on all sides. Now right click and copy these styles, then paste them onto the second column. The final adjustment here is to add 20px padding on top of the second column.<\/p><p>OK, that looks great now.<\/p><p>And there we have it, you now know how to create a great looking list with a custom icon. Let\u2019s move onto our in-line list next.<\/p><p>Scroll up and as you can see we have a 4 item in-inline list, with divider.<\/p><p>Let\u2019s remove this list and drop in a new icon list widget.<\/p><p>The first step is to set our list as \u2018inline\u2019.<\/p><p>Next we\u2019ll remove the unwanted items and select the first one to add our content.<\/p><p>Remove the default text and add your own.<\/p><p>Now, delete the icon and leave the link field as blank.<\/p><p>Let\u2019s duplicate this item three times and then update the text of each of these.<\/p><p>As you can see the structure of our list is already taking shape. Let\u2019s switch to the style tab to really bring it to life.<\/p><p>We\u2019ll set space between to 50.<\/p><p>Alignment to center.<\/p><p>Divider we\u2019ll toggle to \u2018On\u2019 and like before we\u2019re presented with some additional options.<\/p><p>The style we\u2019ll set as solid, but as you can see there are multiple options available.<\/p><p>Weight we\u2019ll move to the slider to 4 and height we\u2019ll set to 100%.<\/p><p>Finally, the color we\u2019ll set to our nice blue shade.<\/p><p>We can bypass the icon section as we do not have one applied to our list.<\/p><p>The last step is to configure the text. Select the text toggle and set the color to black, hover can be left as blank and text indent set as 0.<\/p><p>Under the typography settings set the family as \u2018Poppins\u2019, size as 22px, weight as 500, Transform to Capitalize, style to normal &amp; decoration to none. Finally, set the line-height to 1.2em and letter spacing to 1.<\/p><p>\u00a0<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview In this tutorial, we will teach you how to create easy-to-manage lists within Elementor using the Icon List Widget. We\u2019ll walk you through it step by step, so you know how to create vertical and horizontal lists using either the default icon library or your own custom icons. This tutorial will cover: [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":4189,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[41],"class_list":["post-1501","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use the Icon List Widget in Elementor - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use the Icon List Widget in Elementor - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this tutorial, we will teach you how to create easy-to-manage lists within Elementor using the Icon List Widget. We\u2019ll walk you through it step by step, so you know how to create vertical and horizontal lists using either the default icon library or your own custom icons. This tutorial will cover: [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-17T12:19:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T10:12:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Icon-List-Widget-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use the Icon List Widget in Elementor - Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/","og_locale":"en_US","og_type":"article","og_title":"How to Use the Icon List Widget in Elementor - Academy","og_description":"Overview Transcript Overview In this tutorial, we will teach you how to create easy-to-manage lists within Elementor using the Icon List Widget. We\u2019ll walk you through it step by step, so you know how to create vertical and horizontal lists using either the default icon library or your own custom icons. This tutorial will cover: [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/","og_site_name":"Academy","article_published_time":"2021-06-17T12:19:12+00:00","article_modified_time":"2023-02-22T10:12:47+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Icon-List-Widget-1.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"How to Use the Icon List Widget in Elementor","datePublished":"2021-06-17T12:19:12+00:00","dateModified":"2023-02-22T10:12:47+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/"},"wordCount":1662,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Icon-List-Widget-1.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/","url":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/","name":"How to Use the Icon List Widget in Elementor - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Icon-List-Widget-1.jpg","datePublished":"2021-06-17T12:19:12+00:00","dateModified":"2023-02-22T10:12:47+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Icon-List-Widget-1.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Icon-List-Widget-1.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/how-to-use-the-icon-list-widget-in-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"How to Use the Icon List Widget in Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=1501"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1501\/revisions"}],"predecessor-version":[{"id":9595,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1501\/revisions\/9595"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/4189"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=1501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=1501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=1501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}