{"id":1453,"date":"2021-06-17T10:57:21","date_gmt":"2021-06-17T10:57:21","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=1453"},"modified":"2023-02-22T09:41:09","modified_gmt":"2023-02-22T09:41:09","slug":"image-text-stroke-effects-in-elementor-advanced","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/","title":{"rendered":"Image &amp; Text Stroke Effects in Elementor [Advanced]"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1453\" class=\"elementor elementor-1453\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-71e360a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"71e360a5\" 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-4d25d3e6\" data-id=\"4d25d3e6\" 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-4a6571f7 elementor-widget elementor-widget-video\" data-id=\"4a6571f7\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=4JysHhx4JUs&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-2f36dce2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2f36dce2\" 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-9f57f7f\" data-id=\"9f57f7f\" 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-3703d905 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"3703d905\" 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-9221\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-9221\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-9222\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-9222\" 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-9221\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-9221\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-9221\" tabindex=\"0\" hidden=\"false\"><p>In this Advanced Tips &amp; tricks tutorial, we\u2019re going to combine headings, images, and custom CSS code to create amazing interactive sections in Elementor! This lesson will provide you with:<\/p><p>\u2713 Positioning Elements using Absolute Positioning<\/p><p>\u2713 Combine Widgets &amp; Motion Effects<\/p><p>\u2713 Learn how to create a Text Stroke<\/p><p>\u2713 Using Custom CSS<\/p><p>\u2713 Using the Elementor Navigator!<\/p><p>\u2713 Responsive Editing<\/p><p>\u2713And 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-9222\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-9222\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-9222\" tabindex=\"0\" hidden=\"hidden\"><div id=\"panels\" class=\"style-scope ytd-watch-flexy\"><div id=\"content\" class=\"style-scope ytd-engagement-panel-section-list-renderer\"><div id=\"body\" class=\"style-scope ytd-transcript-renderer\"><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\"><p>Hey there it\u2019s Ash from Elementor, welcome to this Tips &amp; Tricks tutorial.<\/p><p>Today we will learn how to build these awesome effects&#8230; combining text and images, with Elementor\u2019s magic and a single line of CSS code.<\/p><p>We will re-create this hero section step by step and explain the logic behind its functionality.<\/p><p>Excited or scared?! let\u2019s begin!<br \/>We will start in our editor..<\/p><p>First, create a new section with one column&#8230;<\/p><p>Then, set its minimum height to 80vh\u2026 to give us some vertical space inside the section.<\/p><p>In style&#8230; set a background colour of your preference to match the template&#8230;<br \/>Next, let\u2019s add our heading.<\/p><p>On the widgets menu.. drag and drop the heading inside the column\u2026<br \/><br \/>Type your text.. <br \/>and in Style.. <br \/>set a colour&#8230; and a font style of your choice&#8230;<\/p><p>When you use large sized fonts it\u2019s best to use relative units to make them responsive! We chose VW for this one to make the font size change according to the percentage of the screen\u2019s size. <br \/>Now back to the widgets menu\u2026<\/p><p>drag and drop the image widget under the heading.<\/p><p>Select the image of your choice and insert it\u2026.<\/p><p>As you saw in our example, this image will be used to rotate itself when a user scrolls, showing one watch at a time.<\/p><p>To make this effect, we created a square sized image that has a transparent background. Above it, we placed our watches rotated around a circle.<\/p><p><br \/>Next, we are going to change the size of the image.<\/p><p>In style\u2026<\/p><p>Change the units to viewport width, to make the image equal to the percentage of the window\u2019s width..<\/p><p>and set the value to 90\u2026<\/p><p>Now, change the default maximum width by setting its value to 90 vw.<\/p><p>This size is great for our example.<\/p><p>Now it\u2019s time to position our widgets on top of each other.<\/p><p>Select the heading\u2026 and in the advanced tab\u2026 under positioning.. <br \/>Set its position to absolute<br \/>Now select the image\u2026 and in the advanced tab.. Set its position to absolute as well.<br \/>As you can see, both the heading and the image widgets are removed from the flow of elements on the page, so they don\u2019t take up any height in the column.<\/p><p>This allows us to position them exactly where we want them, even on top of each other.<\/p><p>Adjust the horizontal&#8230; and vertical offsets\u2026<\/p><p>And that\u2019s it, our image is ready!<\/p><p>Now let\u2019s create the illusion of the image moving \u201cinside\u201d the text.<\/p><p>Select the heading\u2026<\/p><p>Oops.. I can\u2019t select the heading since the image is in front of it!<\/p><p>When you have absolute positioned widgets, it might be hard to select them since they often overlap with each other.<\/p><p>Navigator comes really handy for this!<\/p><p>Click here.. to open the navigator\u2026<\/p><p>Select the heading widget.. And adjust its position a bit using the vertical offset<\/p><p>Now right click on your heading\u2026 and select duplicate&#8230;<\/p><p>This trick requires 2 headings.. and this image positioned right between them&#8230;<\/p><p>But when we say between them\u2026 how can we control which element is in front of the other?<\/p><p>The answer is Z-index!<\/p><p>In the advanced tab of each widget, column or section\u2026.. you will see this option called Z-Index&#8230;.<\/p><p>The higher the number the more to the front of the screen the element will be.<\/p><p><br \/>We want this heading to be right at the back, so let\u2019s give it a low number, 1.<\/p><p>This will be the text that stays at the back of the other two and it includes the solid colour of the font.<\/p><p>To make this easier to remember, let\u2019s give it a name. Double click the heading.. and name it \u201cfilled text\u201d&#8230;.<\/p><p>Next, select the image.<\/p><p>We want this image to be right on top of the filled text.<\/p><p>In the advanced tab, give it a z-index of 2.<\/p><p>Lastly, let\u2019s double click the other heading and give it a name of outlined text.1 This heading will be on top of the other widgets showing only the outline of the font.<\/p><p>In the advanced tab, set it\u2019s z-index to 3.<\/p><p>As you can see it immediately showed up in front of the image.<\/p><p>Next, let\u2019s create the font\u2019s outline.<\/p><p>In style&#8230; set it\u2019s background to transparent by dragging it all the way to the left&#8230;<\/p><p>Now, back to the advanced tab, we are going to use Custom CSS.<\/p><p>Elementor gives you full control over your elements to customise them even further using CSS.<\/p><p>Let\u2019s add this line here.<\/p><p>Type selector, to select your widget\u2026 and inside brackets, type this.<\/p><p>As you can see, the font now has a white outline creating the illusion of the image being inside of it.<\/p><p>The last thing that is left to do is to add a motion effect to our image!<\/p><p>Select the image&#8230; and in the advanced tab\u2026. under motion effects&#8230; enable the scrolling effects\u2026<\/p><p>We will enable the option to rotate, while we scroll through our website\u2026 and customise its settings a bit&#8230;<\/p><p>Now if we try to scroll\u2026. We will see that it works great, but the image overlaps on the section below.<\/p><p>There is an easy trick to hide this overflow.<\/p><p>Select the section, and in style&#8230; make sure you have an active background colour.<\/p><p>Now in the advanced tab, set the z-index to 2.<\/p><p>Just like we saw before, using z-index made the section below go in front of the previous one, hiding the unwanted image overflow.<\/p><p>Use this trick to hide or show overflows of a section or a widget as well as to position them in the desirable order. <br \/>Let\u2019s now take a look at how this displays on tablet and mobile devices.<\/p><p>Click on the responsive mode&#8230; and select tablet\u2026.<\/p><p>The hero section looks out of place, but don\u2019t worry we can fix this really easily<br \/>Select the section, and adjust its minimum height.<\/p><p>Next, select the heading, and fix its position by altering the horizontal&#8230; and vertical offsets&#8230;<\/p><p>Repeat for the second heading\u2026.<\/p><p>We can also set the image a little lower\u2026 in the advanced tab\u2026 under positioning\u2026 change its vertical offset. <br \/>For mobile you have two options, One is to disable the effect, and the other one is to keep it as is adjusting the widgets position.<\/p><p>To remove the rotate effect just click on the image, and in the advanced tab, under motion effects, remove the mobile tag so that the effects won\u2019t apply to it.<\/p><p>In our example we will keep the rotation as is.<br \/>Select the section, and change the minimum height.<\/p><p>And lastly, select the image and increase the width and the maximum width a little.<\/p><p>And that\u2019s pretty much it!<\/p><p>Use this effect to give a playful touch and highlight your products.<\/p><p>Create different combinations and surprise us with your unique designs!<\/p><p>As always, thanks for watching and don\u2019t forget to like and subscribe to our channel for more cool tutorials and tricks!<\/p><p>\u00a0<\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/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 Advanced Tips &amp; tricks tutorial, we\u2019re going to combine headings, images, and custom CSS code to create amazing interactive sections in Elementor! This lesson will provide you with: \u2713 Positioning Elements using Absolute Positioning \u2713 Combine Widgets &amp; Motion Effects \u2713 Learn how to create a Text Stroke \u2713 Using [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":4141,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[41],"class_list":["post-1453","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>Image &amp; Text Stroke Effects in Elementor [Advanced] - 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\/image-text-stroke-effects-in-elementor-advanced\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image &amp; Text Stroke Effects in Elementor [Advanced] - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this Advanced Tips &amp; tricks tutorial, we\u2019re going to combine headings, images, and custom CSS code to create amazing interactive sections in Elementor! This lesson will provide you with: \u2713 Positioning Elements using Absolute Positioning \u2713 Combine Widgets &amp; Motion Effects \u2713 Learn how to create a Text Stroke \u2713 Using [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-17T10:57:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T09:41:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Tips-Tricks-3-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<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image &amp; Text Stroke Effects in Elementor [Advanced] - 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\/image-text-stroke-effects-in-elementor-advanced\/","og_locale":"en_US","og_type":"article","og_title":"Image &amp; Text Stroke Effects in Elementor [Advanced] - Academy","og_description":"Overview Transcript Overview In this Advanced Tips &amp; tricks tutorial, we\u2019re going to combine headings, images, and custom CSS code to create amazing interactive sections in Elementor! This lesson will provide you with: \u2713 Positioning Elements using Absolute Positioning \u2713 Combine Widgets &amp; Motion Effects \u2713 Learn how to create a Text Stroke \u2713 Using [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/","og_site_name":"Academy","article_published_time":"2021-06-17T10:57:21+00:00","article_modified_time":"2023-02-22T09:41:09+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Tips-Tricks-3-1.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Image &amp; Text Stroke Effects in Elementor [Advanced]","datePublished":"2021-06-17T10:57:21+00:00","dateModified":"2023-02-22T09:41:09+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/"},"wordCount":1256,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Tips-Tricks-3-1.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/","url":"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/","name":"Image &amp; Text Stroke Effects in Elementor [Advanced] - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Tips-Tricks-3-1.jpg","datePublished":"2021-06-17T10:57:21+00:00","dateModified":"2023-02-22T09:41:09+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Tips-Tricks-3-1.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Tips-Tricks-3-1.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/image-text-stroke-effects-in-elementor-advanced\/#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":"Image &amp; Text Stroke Effects in Elementor [Advanced]"}]},{"@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\/1453","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=1453"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1453\/revisions"}],"predecessor-version":[{"id":9601,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1453\/revisions\/9601"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/4141"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=1453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=1453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=1453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}