{"id":57493,"date":"2025-05-19T15:54:02","date_gmt":"2025-05-19T12:54:02","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=57493"},"modified":"2025-07-01T14:53:57","modified_gmt":"2025-07-01T11:53:57","slug":"style-tab-position","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/style-tab-position\/","title":{"rendered":"Style tab &#8211; Position"},"content":{"rendered":"\n<p>[callout title=&#8221;Who can use this feature:&#8221;]This article is for Editor v4 users. If you&#8217;re using Editor v3, check out the relevant article here: <a href=\"https:\/\/elementor.com\/help\/advanced-tab\/\" data-type=\"link\" data-id=\"https:\/\/elementor.com\/help\/advanced-tab\/\">Advanced tab<\/a>[\/callout]<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>The Position control allows you to fine tune where the element is located on the screen. This includes the ability to layer elements one on top of the other. The <strong>Position<\/strong> options are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Static (The default value)<\/strong>: The element stays where you place it. If you select <strong>Static<\/strong>, there is no option to change the element\u2019s position.<\/li>\n\n\n\n<li><strong>Relative<\/strong>: The element\u2019s position relative to its original position.&nbsp;<\/li>\n\n\n\n<li><strong>Absolute<\/strong>: The element\u2019s position relative to the closest parent container whose position is set as <strong>Relative<\/strong>. If the element does not have any parent containers that are <strong>Relative<\/strong>, the Absolute position&nbsp; is relative to the webpage.<\/li>\n<\/ul>\n\n\n\n<p>Example: In this example, we start with a Div Block inside a Div Block.&nbsp;<br><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"679\" class=\"wp-image-57494\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27.png 805w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27-300x300.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27-150x150.png 150w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27-768x767.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<p>Each of these Div Blocks have their position set as <strong>Relative<\/strong>.<br><img decoding=\"async\" width=\"680\" height=\"466\" class=\"wp-image-57495\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-28.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-28.png 1210w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-28-300x206.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-28-1024x702.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-28-768x526.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<p>Now let\u2019s place an SVG element in Div Block 2 with an <strong>Absolute<\/strong> top position of <strong>120 PX<\/strong>, placing it in the lower left of Div 2.&nbsp;<br><img decoding=\"async\" width=\"680\" height=\"455\" class=\"wp-image-57496\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-29.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-29.png 1249w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-29-300x201.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-29-1024x685.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-29-768x514.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<p>Now we\u2019ll change the <strong>Position<\/strong> setting of Div Block 2 to <strong>Static<\/strong>. The SVG positions itself 120 pixels from the top of Div Block 1, because that is the closest parent with a <strong>Relative<\/strong> position setting.&nbsp;&nbsp;<\/p>\n\n\n\n<p>[callout type=&#8221;tip&#8221;]Adjusting an element\u2019s absolute position is one way to place an element on top of another element. For example, if you have a heading above an image and want to place it on top of the image:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set the <strong>Position<\/strong> of the heading to <strong>Absolute<\/strong>.<\/li>\n\n\n\n<li>Set the <strong>Z-index<\/strong> to 1 or more.&nbsp;<\/li>\n\n\n\n<li>Increase the <strong>Top Margin<\/strong> setting until the heading is over the image.[\/callout]<\/li>\n\n\n\n<li><strong>Fixed<\/strong>:&nbsp; The element maintains a \u201cfixed\u201d position on the page. As you scroll up and down the page, the element stays in the same place, but you can use number fields to adjust the element\u2019s position.<\/li>\n<\/ul>\n\n\n\n<p>In the example below, the image widget is in a fixed position, 20 pixels from the top of the page.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"469\" class=\"wp-image-57498\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1.gif\" alt=\"\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Sticky<\/strong>: The element will remain onscreen as visitors scroll down the page, but unlike , the <strong>Fixed<\/strong> setting discussed above the Sticky setting is&nbsp; relative to its parent, so that as visitors scroll down the screen it remains fixed within the parent parent but exits the screen when the parent scrolls out of view. To make an element sticky: Set the <strong>Position<\/strong> of the heading to <strong>Sticky<\/strong>.\n<ul class=\"wp-block-list\">\n<li>Increase the <strong>Top<\/strong> setting to 20 PX &#8211; this will serve as an offset, meaning: As visitors scroll down the page, the heading will stay on screen, 20 pixels below the top of the page<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Example: In this example, the image is sticky to the top container but when that container scrolls out of site, it disappears.<br><img decoding=\"async\" class=\"wp-image-57499\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-2.gif\" alt=\"\"><\/p>\n\n\n\n<p>[callout type=&#8221;note&#8221;]You must enter a number in at least one of the number fields. The number can be zero.[\/callout]<\/p>\n\n\n\n<p>[callout type=&#8221;note&#8221;]In Version 4, Elementor switched from using JavaScript to the CSS Sticky property. The CSS property is lighter and more efficient however, it will not work if the parent element is set to <strong>Overflow hidden<\/strong>. For details about overflow options, see <a href=\"https:\/\/elementor.com\/help\/style-tab-size\">Style tab &#8211; Size<\/a>.[\/callout]<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Anchor Offset <\/h3>\n\n\n\n<p>Anchor offset is used in conjunction with a page&#8217;s anchor links. It is most commonly used when you have a sticky site part, such as a menu, at the top of your page that links to another element further down the page. Under some circumstances, the element you link to may scroll up too far, so it is hidden under the sticky site part. <\/p>\n\n\n\n<p>Anchor offset prevents this situation by having the element appear at a set distance from the top of the page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Example of using anchor offset  <\/h4>\n\n\n\n<p>In this example we&#8217;ll have a container appear 120 pixels from the top of the page. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create a page with a sticky header and two containers below. The menu contains an item labeled <strong>Anchor<\/strong> which is linked to the second container. <br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"364\" class=\"wp-image-59132\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/1-Original-page-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/1-Original-page-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/1-Original-page-300x160.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/1-Original-page-1024x548.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/1-Original-page-768x411.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/1-Original-page-1536x821.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/1-Original-page-2048x1095.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>The second container is underneath the first container. It is not currently visible.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"367\" class=\"wp-image-59134\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/2-Click-the-Anchor-in-menu-1.gif\" alt=\"\"><\/li>\n\n\n\n<li>Clicking <strong>Anchor<\/strong> in the menu brings up the second container, but the top part of the container in Under the sticky header. <\/li>\n\n\n\n<li>In the editor, click second container to select it.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"335\" class=\"wp-image-59136\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/3-options-appear-in-panel-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/3-options-appear-in-panel-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/3-options-appear-in-panel-300x148.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/3-options-appear-in-panel-1024x504.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/3-options-appear-in-panel-768x378.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/3-options-appear-in-panel-1536x756.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/3-options-appear-in-panel-2048x1008.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>The container options appear in the left panel.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"335\" class=\"wp-image-59135\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/4-click-the-style-menu-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/4-click-the-style-menu-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/4-click-the-style-menu-300x148.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/4-click-the-style-menu-1024x504.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/4-click-the-style-menu-768x378.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/4-click-the-style-menu-1536x756.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/4-click-the-style-menu-2048x1008.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click the <strong>Style<\/strong> tab.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"337\" class=\"wp-image-59137\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/5-open-the-position-field-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/5-open-the-position-field-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/5-open-the-position-field-300x148.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/5-open-the-position-field-1024x507.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/5-open-the-position-field-768x380.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/5-open-the-position-field-1536x760.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/5-open-the-position-field-2048x1013.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Open the <strong>Position<\/strong> field. <br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"264\" class=\"wp-image-59138\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/6-Enter-80-in-anchor-offset-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/6-Enter-80-in-anchor-offset-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/6-Enter-80-in-anchor-offset-300x117.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/6-Enter-80-in-anchor-offset-1024x398.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/6-Enter-80-in-anchor-offset-768x298.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/6-Enter-80-in-anchor-offset-1536x597.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/6-Enter-80-in-anchor-offset-2048x796.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>In <strong>Anchor offset<\/strong>, enter <strong>80<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"228\" class=\"wp-image-59139\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/7-click-publish-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/7-click-publish-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/7-click-publish-300x101.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/7-click-publish-1024x344.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/7-click-publish-768x258.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/7-click-publish-1536x516.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/7-click-publish-2048x688.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click <strong>Publish<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"310\" class=\"wp-image-59140\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/8-the-result.gif\" alt=\"\"><br>Now, when you click Anchor in the menu, the container appears 120 pixels from the top of the page.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>[callout title=&#8221;Who can use this feature:&#8221;]This article is for Editor v4 users. If you&#8217;re using Editor v3, check out the relevant article here: Advanced tab[\/callout] The Position control allows you to fine tune where the element is located on the screen. This includes the ability to layer elements one on top of the other. The [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1510],"tags":[1513],"class_list":["post-57493","post","type-post","status-publish","format-standard","hentry","category-style-tab","tag-v4"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Style tab - Position | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Style tab - Position in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\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\/help\/style-tab-position\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Style tab - Position | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Style tab - Position in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/style-tab-position\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T12:54:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-01T11:53:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27.png\" \/>\n\t<meta property=\"og:image:width\" content=\"805\" \/>\n\t<meta property=\"og:image:height\" content=\"804\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/style-tab-position\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/style-tab-position\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Style tab &#8211; Position\",\"datePublished\":\"2025-05-19T12:54:02+00:00\",\"dateModified\":\"2025-07-01T11:53:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/style-tab-position\/\"},\"wordCount\":763,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/style-tab-position\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Style tab\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/style-tab-position\/\",\"url\":\"https:\/\/elementor.com\/help\/style-tab-position\/\",\"name\":\"Style tab - Position | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/style-tab-position\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/style-tab-position\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27.png\",\"datePublished\":\"2025-05-19T12:54:02+00:00\",\"dateModified\":\"2025-07-01T11:53:57+00:00\",\"description\":\"Learn everything about Style tab - Position in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/style-tab-position\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/style-tab-position\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/style-tab-position\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27.png\",\"width\":805,\"height\":804},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/style-tab-position\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Editor V4\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Style tab\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/style-tab\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Style tab &#8211; Position\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Style tab - Position | Elementor","description":"Learn everything about Style tab - Position in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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\/help\/style-tab-position\/","og_locale":"en_US","og_type":"article","og_title":"Style tab - Position | Elementor","og_description":"Learn everything about Style tab - Position in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/style-tab-position\/","og_site_name":"Help","article_published_time":"2025-05-19T12:54:02+00:00","article_modified_time":"2025-07-01T11:53:57+00:00","og_image":[{"width":805,"height":804,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/style-tab-position\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/style-tab-position\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Style tab &#8211; Position","datePublished":"2025-05-19T12:54:02+00:00","dateModified":"2025-07-01T11:53:57+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/style-tab-position\/"},"wordCount":763,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/style-tab-position\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27.png","keywords":["V4"],"articleSection":["Style tab"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/style-tab-position\/","url":"https:\/\/elementor.com\/help\/style-tab-position\/","name":"Style tab - Position | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/style-tab-position\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/style-tab-position\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27.png","datePublished":"2025-05-19T12:54:02+00:00","dateModified":"2025-07-01T11:53:57+00:00","description":"Learn everything about Style tab - Position in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/style-tab-position\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/style-tab-position\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/style-tab-position\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-27.png","width":805,"height":804},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/style-tab-position\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Editor V4","item":"https:\/\/elementor.com\/help\/v4-editor\/"},{"@type":"ListItem","position":3,"name":"Style tab","item":"https:\/\/elementor.com\/help\/v4-editor\/style-tab\/"},{"@type":"ListItem","position":4,"name":"Style tab &#8211; Position"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=57493"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57493\/revisions"}],"predecessor-version":[{"id":68571,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57493\/revisions\/68571"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=57493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=57493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=57493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}