{"id":1970,"date":"2025-07-31T16:43:23","date_gmt":"2025-07-31T08:43:23","guid":{"rendered":"https:\/\/leadsleap.com\/blog\/?p=1970"},"modified":"2025-08-17T18:03:25","modified_gmt":"2025-08-17T10:03:25","slug":"page-builder-update-autoshift","status":"publish","type":"post","link":"https:\/\/leadsleap.com\/blog\/page-builder-update-autoshift\/","title":{"rendered":"Page Builder Update – AutoShift"},"content":{"rendered":"\n

*Updated on 17 August 2025<\/strong><\/p>\n\n\n\n

If you’ve ever used our Page Builder, you may have run into this pain:<\/p>\n\n\n\n

You want to add some text, or make an image or video bigger, and you’re stuck manually dragging and repositioning every element below it.<\/p>\n\n\n\n

Sure, we have the “Group Move” function, but when there are dozens of elements involved, it’s still a pain.<\/p>\n\n\n\n

See the demo below to see what we mean:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

It’s frustrating, time-consuming, and error-prone.<\/p>\n\n\n\n

Finally we got the fix. We call it AutoShift.<\/p>\n\n\n\n

Introducing AutoShift<\/h2>\n\n\n\n

AutoShift is a smart feature that automatically repositions the elements below a block whenever that block’s height changes \u2014 whether it grows or shrinks.<\/p>\n\n\n\n

Instead of shuffling everything manually, AutoShift calculates the difference in height and adjusts the positions of all affected elements to maintain perfect spacing.<\/p>\n\n\n\n

By default, it will only works during Text editing<\/strong>.<\/mark> See demo below.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Autoshift can also work when adjusting the height of any element. See demo below. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Important Change Effective 17 August 2025<\/mark><\/h2>\n\n\n\n

Before 17 August, AutoShift was enabled by default for all element height changes.<\/p>\n\n\n\n

Based on user feedback, AutoShift will now be off by default<\/span><\/strong> for element height changes.<\/p>\n\n\n\n

This change helps prevent unintended shifting of elements.<\/p>\n\n\n\n

Here\u2019s a summary of the default settings:<\/p>\n\n\n\n

Text editing = AutoShift is on, unless turned off<\/strong><\/strong><\/p>\n\n\n\n

Height resizing = AutoShift if off, unless turned on<\/strong><\/p>\n\n\n\n

How to Turn AutoShift On\/Off<\/h2>\n\n\n\n

To turn on\/off AutoShift, just check\/uncheck the “AutoShift<\/strong>” toggle on the left side of the Page Builder.<\/p>\n\n\n\n

See the demo below:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Manual Resize Without Turning AutoShift On\/Off<\/h2>\n\n\n\n

To make things even more convenient, here’s a simple tip:<\/p>\n\n\n\n

Resizing from the top handle = AutoShift will <\/strong>not happen<\/strong> (even if AutoShift is turned on)<\/p>\n\n\n\n

Resizing from the bottom handle = AutoShift will happen<\/strong> (provided AutoShift is turned on)<\/p>\n\n\n\n

This way, you don’t have to constantly toggle AutoShift on and off.<\/p>\n\n\n\n

Just choose the resize handle based on whether you want the layout to shift.<\/p>\n\n\n\n

See the demo below:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Small Feature, Big Impact<\/h2>\n\n\n\n

AutoShift is a small but powerful feature that can dramatically improve your editing experience.<\/p>\n\n\n\n

Once you get used to it, you’ll wonder how you ever worked without it.<\/p>\n\n\n\n

Give it a try today. Let us know what you think in the comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"

*Updated on 17 August 2025 If you’ve ever used our Page Builder, you may have run into this pain: You want to add some text, or make an image or video bigger, and you’re stuck manually dragging and repositioning every element below it. Sure, we have the “Group Move” function, but when there are dozens […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[237],"tags":[],"_links":{"self":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/1970"}],"collection":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/comments?post=1970"}],"version-history":[{"count":4,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/1970\/revisions"}],"predecessor-version":[{"id":1984,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/1970\/revisions\/1984"}],"wp:attachment":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/media?parent=1970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/categories?post=1970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/tags?post=1970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}