{"id":24352,"date":"2019-04-10T08:00:13","date_gmt":"2019-04-10T08:00:13","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=24352"},"modified":"2025-12-05T09:03:05","modified_gmt":"2025-12-05T07:03:05","slug":"custom-positioning","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/custom-positioning\/","title":{"rendered":"8 Tips to Help You Use Custom Positioning in Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"24352\" class=\"elementor elementor-24352\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-726cdf0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"726cdf0\" data-element_type=\"section\">\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-76eb57a\" data-id=\"76eb57a\" 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-74d13e9 elementor-widget elementor-widget-text-editor\" data-id=\"74d13e9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>With Elementor 2.5, you <a href=\"https:\/\/elementor.com\/blog\/introducing-flexible-layout\/\">got access to a brand new design tool<\/a> &#8211; <strong>custom positioning<\/strong>.<\/p><p>Custom positioning gives you a lot of flexibility and power over the design of your layouts. However, as Josh tells you in the webinar video, &#8220;with great power comes great responsibility&#8221;, and you&#8217;ll want to make sure you use this newfound power in an effective way.<\/p><p>To help, we&#8217;ll cover eight tips for how to effectively use the new custom positioning functionality in Elementor.<\/p>\t\t\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-de8ecbf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"de8ecbf\" data-element_type=\"section\">\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-71d61d6\" data-id=\"71d61d6\" 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-7d5128f elementor-widget elementor-widget-heading\" data-id=\"7d5128f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Use Custom Positioning in Elementor<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cc9a85 elementor-widget elementor-widget-text-editor\" data-id=\"4cc9a85\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To activate the custom positioning feature, you&#8217;ll use the new <strong>Custom Positioning <\/strong>section in the <strong>Advanced<\/strong> tab of the Elementor side panel:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71f10b5 elementor-widget elementor-widget-image\" data-id=\"71f10b5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/elementor-custom-positioning-r4q6z67gi7vnelr51jn55guctg7orh1aryj7njyf0c.jpg\" title=\"elementor-custom-positioning\" alt=\"elementor-custom-positioning\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41e73d4 elementor-widget elementor-widget-text-editor\" data-id=\"41e73d4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>From there, you can change the <strong>Position<\/strong> drop-down to <strong>Absolute <\/strong>or <strong>Fixed<\/strong> to activate custom positioning.<\/p><p>Once you do that, the widget will appear to &#8220;float&#8221; at the top of the section because it no longer takes up any vertical space.<\/p><p>From there, you can drag it to the position where you want it to appear.<\/p><p>Now, let&#8217;s talk about some tips and common mistakes to avoid for the new custom positioning options.<\/p>\t\t\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-9728803 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9728803\" data-element_type=\"section\">\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-276c8e7\" data-id=\"276c8e7\" 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-df54622 elementor-widget elementor-widget-heading\" data-id=\"df54622\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">8 Tips for Using the Custom Positioning Feature<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad66ac2 elementor-widget elementor-widget-text-editor\" data-id=\"ad66ac2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you want to see these tips in video format, you can also follow along with Josh and Hadas in the webinar video above.<\/p>\t\t\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-4fc3c88 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4fc3c88\" data-element_type=\"section\">\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-2126575\" data-id=\"2126575\" 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-1b9e6ee elementor-widget elementor-widget-heading\" data-id=\"1b9e6ee\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Understand Fixed vs Absolute Positioning<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fe9aa3 elementor-widget elementor-widget-text-editor\" data-id=\"2fe9aa3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor 2.5 lets you use two types of custom positioning:<\/p><ul><li><strong>Absolute <\/strong>\u2013 the element is positioned relative to the column\/section that it&#8217;s inside. It will move along as the visitor scrolls.<\/li><\/ul><ul><li><strong>Fixed<\/strong> \u2013 the position is fixed to the visitor&#8217;s viewport and will stay there even when the visitor scrolls.<\/li><\/ul>\t\t\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-67c2c59 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"67c2c59\" data-element_type=\"section\">\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-02096a9\" data-id=\"02096a9\" 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-0ef23cd elementor-widget elementor-widget-heading\" data-id=\"0ef23cd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Use Custom Positioning to Define Width, Not the Style Tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-990aa11 elementor-widget elementor-widget-text-editor\" data-id=\"990aa11\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Let&#8217;s take an example of an image and say that you want to change its width and size (<em>while using custom positioning<\/em>).<\/p><p>Normally, you&#8217;d go to the <strong>Style<\/strong> tab and adjust the <strong>Width<\/strong> of the image there. However, you should use a different approach with custom positioning because custom positioning lets you also adjust the size of the <em>widget itself<\/em>.<\/p><p>So, first go to the <strong>Style<\/strong> tab and make the <strong>Image \u2192 Width<\/strong> equal to 100%. This will make the image fill 100% <em>of the widget<\/em>.<\/p><p>Then, to control the size of the widget itself, you can go to <strong>Advanced \u2192 Custom Positioning <\/strong>and change the <strong>Width<\/strong> setting to <strong>Custom<\/strong>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e422251 elementor-widget elementor-widget-image\" data-id=\"e422251\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/elementor-custom-positioning-2-r4q760h68t8rwftf3i3eaqp4gehus66z1tgfe1ta9k.jpg\" title=\"elementor-custom-positioning-2\" alt=\"elementor-custom-positioning-2\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1d8fb1 elementor-widget elementor-widget-text-editor\" data-id=\"f1d8fb1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Then, you can use the slider to adjust the widget size or use drag-and-drop on the widget itself. And because the image fills 100% of the widget, the image will automatically resize as you change the width of the widget in the custom positioning settings.<\/p><p>Most of the time, you should use this <strong>Custom<\/strong> option for the width. But other custom positioning width options are:<\/p><ul><li><strong>Full Width \u2013<\/strong>\u00a0makes the widget take up the entire viewport.<\/li><\/ul><ul><li><strong>Inline (Auto)<\/strong> \u2013 makes the size of the widget restricted to the size of the content that&#8217;s in the widget. This can cause issues in absolute mode, and isn&#8217;t ideal for most situations.<\/li><\/ul>\t\t\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-0679bc2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0679bc2\" data-element_type=\"section\">\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-58e55b5\" data-id=\"58e55b5\" 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-6fc2e46 elementor-widget elementor-widget-heading\" data-id=\"6fc2e46\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Use Relative Units for Better Responsive Design<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-438facf elementor-widget elementor-widget-text-editor\" data-id=\"438facf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a style=\"background-color: #ffffff\" href=\"https:\/\/elementor.com\/blog\/5-uses-absolute-positioning\/\" target=\"_blank\" rel=\"noopener\">Absolute positioning<\/a>\u00a0can be tricky when it comes to responsive design. To make for a better design on all devices, you should try to use relative units as much as possible when changing the width. By &#8220;relative&#8221;, we mean units like percent or view width (VW), rather than absolute units like pixels<em>.<\/em><\/p>\t\t\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-fc3f8fd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fc3f8fd\" data-element_type=\"section\">\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-f6d4809\" data-id=\"f6d4809\" 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-8479d31 elementor-widget elementor-widget-heading\" data-id=\"8479d31\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. Use Horizontal and Vertical Offsets Properly<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7747bcc elementor-widget elementor-widget-text-editor\" data-id=\"7747bcc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To make sure your absolute positioning looks correct at different screen sizes, you need to properly use the horizontal and vertical offset functionality:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d40b3ca elementor-widget elementor-widget-image\" data-id=\"d40b3ca\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/elementor-custom-positioning-3-r4q70y4heyb5c36aob9rv0pp7ngnaw31oqw8adbo6u.jpg\" title=\"elementor-custom-positioning-3\" alt=\"elementor-custom-positioning-3\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1700386 elementor-widget elementor-widget-text-editor\" data-id=\"1700386\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>For example, if you want to place a widget near the right side of the page, there are two different ways you could do that.<\/p><p>First, you can choose the <strong>left<\/strong> orientation and enter a large value (like 800 px). This will position your widget ~800 px from the left side (<em>effectively putting it on the right side for most devices<\/em>). However, this will cause issues on different screen resolutions.<\/p><p>A better approach would be to choose the <strong>right<\/strong> orientation and use a small value (<em>like zero<\/em>). This ensures that, no matter what a user&#8217;s screen size is, the widget will always be oriented on the right.<\/p><p>The same approach applies to the vertical orientation options.<\/p><p>You also have the ability to set different offsets for different <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/responsive-website\/\"   title=\"How To Create A Responsive Website: Step-By-Step 2025 Guide\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26578\">responsive<\/a> breakpoints when needed.<\/p>\t\t\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-8930dc2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8930dc2\" data-element_type=\"section\">\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-4a1d923\" data-id=\"4a1d923\" 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-8ce7cc9 elementor-widget elementor-widget-heading\" data-id=\"8ce7cc9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">5. Use Z-Index to Control the Depth of Each Element<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e806bc elementor-widget elementor-widget-text-editor\" data-id=\"7e806bc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>With absolute positioning, you&#8217;ll have a lot of situations where two or more widgets are placed &#8220;on top&#8221; of one another. To control which widgets appear in the foreground, you can use the normal <strong>Z-Index<\/strong> setting.<\/p>\t\t\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-fd60771 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fd60771\" data-element_type=\"section\">\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-82388d6\" data-id=\"82388d6\" 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-a5220db elementor-widget elementor-widget-heading\" data-id=\"a5220db\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">6. Remember How Columns Work for Responsive Design<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd9e980 elementor-widget elementor-widget-text-editor\" data-id=\"dd9e980\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Custom positioning lets you move widgets to any location. However, these widgets are still relative to the column they&#8217;re inside, which can potentially cause an issue in responsive design.<\/p><p>For example, if you have a three-column layout, you could use custom positioning to drag a widget from the <em>left<\/em>-most column into the <em>center <\/em>column.<\/p><p>However, while this might look fine to desktop visitors, it will cause a problem for mobile visitors because Elementor stacks the columns vertically on mobile.<\/p><p>So rather than having three columns side-by-side, you&#8217;ll have three columns on top of another and the element will no longer appear in the middle column like it does on desktops.<\/p><p>Long story short, you need to pay attention to the widget&#8217;s relation to the column it&#8217;s inside.<\/p>\t\t\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-108c6ac elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"108c6ac\" data-element_type=\"section\">\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-68725f2\" data-id=\"68725f2\" 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-5c7bc24 elementor-widget elementor-widget-heading\" data-id=\"5c7bc24\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">7. Use Overflow Hidden to Fix Responsive Width Problems<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb792dd elementor-widget elementor-widget-text-editor\" data-id=\"fb792dd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Depending on your design, you might run into an issue where a widget with custom positioning exceeds the width of a column on mobile devices.<\/p><p>This causes an awkward situation where visitors can &#8220;horizontally scroll&#8221;, even though you don&#8217;t want this functionality:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2ec3a2 elementor-widget elementor-widget-image\" data-id=\"e2ec3a2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/elementor-custom-positioning-4-r4q6xdclenev5idck9lvvf7jtv3d0cvtj1ipjgmmb4.jpg\" title=\"elementor-custom-positioning-4\" alt=\"elementor-custom-positioning-4\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8ecc6a elementor-widget elementor-widget-text-editor\" data-id=\"b8ecc6a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To fix this, you can set the <strong>Overflow<\/strong> option to <strong>Hidden<\/strong> in the <strong>Section \u2192 Layout<\/strong> settings. Then, everything that exceeds the section will be cut off, which eliminates the scrolling issue.<\/p>\t\t\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-3e44ab3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3e44ab3\" data-element_type=\"section\">\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-718e211\" data-id=\"718e211\" 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-fa15996 elementor-widget elementor-widget-heading\" data-id=\"fa15996\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">8. The Duplicate Functionality Still Works!<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffd5794 elementor-widget elementor-widget-text-editor\" data-id=\"ffd5794\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you use right-click to duplicate an element with custom positioning, it might seem like it didn&#8217;t work.<\/p><p>Don&#8217;t worry! The duplicate functionality still works just fine. However, because each element has the exact same custom positioning, the two elements are perfectly stacked on top of each other (<em>making them look like one element<\/em>).<\/p><p>All you need to do is drag one of the elements a bit and you&#8217;ll see both elements.<\/p>\t\t\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-f812b40 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f812b40\" data-element_type=\"section\">\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-c21771d\" data-id=\"c21771d\" 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-4d9712d elementor-widget elementor-widget-heading\" data-id=\"4d9712d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Final Thoughts<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bbd9c6 elementor-widget elementor-widget-text-editor\" data-id=\"6bbd9c6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>That wraps up our tips on how to best use the new custom positioning feature in Elementor.<\/p><p>If you have any questions about custom positioning, ask away in the comments!<\/p>\t\t\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>Working with Custom Positioning requires you to follow certain rules of thumb. In this post, we summarize our latest webinar and cover eight tips on how to effectively use the new custom positioning functionality.<\/p>\n","protected":false},"author":50988,"featured_media":24388,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[28,32],"tags":[79,173],"marketing_persona":[],"marketing_intent":[],"class_list":["post-24352","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-tricks","category-design","tag-build","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>8 Tips to Help You Use Custom Positioning in Elementor<\/title>\n<meta name=\"description\" content=\"Learn how to use Custom Positioning with these 8 tips and our Elementor webinar. Improve responsive design, perfect the absolute positioning, and 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\/blog\/custom-positioning\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"8 Tips to Help You Use Custom Positioning in Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn how to use Custom Positioning with these 8 tips and our Elementor webinar. Improve responsive design, perfect the absolute positioning, and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/custom-positioning\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-10T08:00:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-05T07:03:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/04\/Cover-blog-Elementor-Custom-Positioning-.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Colin Newcomer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Colin Newcomer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/custom-positioning\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/custom-positioning\/\"},\"author\":{\"name\":\"Colin Newcomer\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21\"},\"headline\":\"8 Tips to Help You Use Custom Positioning in Elementor\",\"datePublished\":\"2019-04-10T08:00:13+00:00\",\"dateModified\":\"2025-12-05T07:03:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/custom-positioning\/\"},\"wordCount\":1101,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/custom-positioning\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/04\/Cover-blog-Elementor-Custom-Positioning-.png\",\"keywords\":[\"Build\",\"Video\"],\"articleSection\":[\"Tips &amp; Tricks\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/custom-positioning\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/custom-positioning\/\",\"url\":\"https:\/\/elementor.com\/blog\/custom-positioning\/\",\"name\":\"8 Tips to Help You Use Custom Positioning in Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/custom-positioning\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/custom-positioning\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/04\/Cover-blog-Elementor-Custom-Positioning-.png\",\"datePublished\":\"2019-04-10T08:00:13+00:00\",\"dateModified\":\"2025-12-05T07:03:05+00:00\",\"description\":\"Learn how to use Custom Positioning with these 8 tips and our Elementor webinar. Improve responsive design, perfect the absolute positioning, and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/custom-positioning\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/custom-positioning\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/custom-positioning\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/04\/Cover-blog-Elementor-Custom-Positioning-.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/04\/Cover-blog-Elementor-Custom-Positioning-.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/custom-positioning\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tips &amp; Tricks\",\"item\":\"https:\/\/elementor.com\/blog\/category\/tips-tricks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"8 Tips to Help You Use Custom Positioning in Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21\",\"name\":\"Colin Newcomer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g\",\"caption\":\"Colin Newcomer\"},\"description\":\"Colin is a freelance writer for hire specializing in WordPress and digital marketing. Grow your business with in-depth, conversational blog posts.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/colinn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"8 Tips to Help You Use Custom Positioning in Elementor","description":"Learn how to use Custom Positioning with these 8 tips and our Elementor webinar. Improve responsive design, perfect the absolute positioning, and 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\/blog\/custom-positioning\/","og_locale":"en_US","og_type":"article","og_title":"8 Tips to Help You Use Custom Positioning in Elementor","og_description":"Learn how to use Custom Positioning with these 8 tips and our Elementor webinar. Improve responsive design, perfect the absolute positioning, and more.","og_url":"https:\/\/elementor.com\/blog\/custom-positioning\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2019-04-10T08:00:13+00:00","article_modified_time":"2025-12-05T07:03:05+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/04\/Cover-blog-Elementor-Custom-Positioning-.png","type":"image\/png"}],"author":"Colin Newcomer","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Colin Newcomer","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/custom-positioning\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/custom-positioning\/"},"author":{"name":"Colin Newcomer","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21"},"headline":"8 Tips to Help You Use Custom Positioning in Elementor","datePublished":"2019-04-10T08:00:13+00:00","dateModified":"2025-12-05T07:03:05+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/custom-positioning\/"},"wordCount":1101,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/custom-positioning\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/04\/Cover-blog-Elementor-Custom-Positioning-.png","keywords":["Build","Video"],"articleSection":["Tips &amp; Tricks","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/custom-positioning\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/custom-positioning\/","url":"https:\/\/elementor.com\/blog\/custom-positioning\/","name":"8 Tips to Help You Use Custom Positioning in Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/custom-positioning\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/custom-positioning\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/04\/Cover-blog-Elementor-Custom-Positioning-.png","datePublished":"2019-04-10T08:00:13+00:00","dateModified":"2025-12-05T07:03:05+00:00","description":"Learn how to use Custom Positioning with these 8 tips and our Elementor webinar. Improve responsive design, perfect the absolute positioning, and more.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/custom-positioning\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/custom-positioning\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/custom-positioning\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/04\/Cover-blog-Elementor-Custom-Positioning-.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/04\/Cover-blog-Elementor-Custom-Positioning-.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/custom-positioning\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tips &amp; Tricks","item":"https:\/\/elementor.com\/blog\/category\/tips-tricks\/"},{"@type":"ListItem","position":3,"name":"8 Tips to Help You Use Custom Positioning in Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21","name":"Colin Newcomer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g","caption":"Colin Newcomer"},"description":"Colin is a freelance writer for hire specializing in WordPress and digital marketing. Grow your business with in-depth, conversational blog posts.","url":"https:\/\/elementor.com\/blog\/author\/colinn\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/24352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/50988"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=24352"}],"version-history":[{"count":5,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/24352\/revisions"}],"predecessor-version":[{"id":146702,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/24352\/revisions\/146702"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/24388"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=24352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=24352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=24352"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=24352"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=24352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}