Divi Feature Sneak Peek: Draggable Sizing + More Sizing Options

October 18, 2018

[youtube https://www.youtube.com/watch?v=Whbk5zAXdqE?feature=oembed&w=719&h=404]

Today, I’m excited to announce we are working to add Draggable Sizing to all elements of the Visual Builder. Draggable Sizing is currently limited to adjusting the padding and margins of sections and rows. But this update will add Draggable Sizing to columns and modules as well. Plus, we are also introducing more sizing options to Divi such as Height and Overflow settings.

An Improved UI for Draggable Sizing

The new Draggable Sizing UI update will make the process of sizing elements in the Visual Builder more intuitive. For example, even if your padding is set to 0px, we will be adding helpful hints when hovering near the edge of an element (within a 15px range) so users can easily begin dragging the size of the padding they need.

divi-feature-sneak-peek-draggable-sizing-more-sizing-options Theme Builder Layout

You will also have the same intuitive UI for adjusting the width and height of an element as well. Simply hover over the edge of the element (within a 5px range) and start dragging. It’s that easy.

divi-feature-sneak-peek-draggable-sizing-more-sizing-options-1 Theme Builder Layout

In addition to width, we will be adding more sizing options to the Sizing Option Group of every Divi element. These new sizing options max-width, height, and max-height.

divi-feature-sneak-peek-draggable-sizing-more-sizing-options-2 Theme Builder Layout

There are many ways these new sizing options will improve the design process. For example, if you wanted to make give an element a circle shape, you will have the option to set both the width and height to 300px. Then you can add the border radius (50%) to make the module a perfect circle.

New Options for Overflow

In addition to the new sizing options, we will also be adding a brand new set of options for overflow. These overflow options are important for when users want to set a specific height or width for an element. These options include the ability to control overall, horizontal, and vertical overflow settings.

divi-feature-sneak-peek-draggable-sizing-more-sizing-options-3 Theme Builder Layout

The custom overflow values that will be available include:

  • Visible
  • Hidden
  • Scroll
  • Auto

So for example, if a module has a height of 300px, you can set the vertical overflow value to “hidden” so that any content that extends beyond the 300px will not be visible on the page. Or, you could set the vertical overflow value to “scroll” so that that the user can scroll through the content within the module.

We know that the value Divi brings is a direct result of the time and energy spent on making the smallest feature as powerful and useful as it can be. These upcoming sizing options and the draggable sizing upgrade will know doubt play a small, but powerful, role that will make Divi more valuable. Let us know in the comments what excites you most about this update.

By Jason Champagne

Jason started a career in education before co-founding Launch Tower, a Houston based web development company specializing in conversion optimization through Divi. He enjoys freelance writing, all things WordPress, and the occasional ping pong match.

Share this article:

eHost-square-ad Theme Builder Layout

We’re listening.

Have something to say about this article? Share it with us on Facebook, Twitter or LinkedIn:


Related Posts

review-divi-business-course-by-divi-space Theme Builder Layout

Review: Divi Business Course by Divi Space

Divi Business Course is an 8-week course that teaches how to start and run a Divi web design business and take the business to 6 figures per year. The course is dripped over the 8 weeks and includes live coaching calls, a Facebook group, and lots of documents to help...

metrilo-for-woocommerce-an-overview-and-review Theme Builder Layout

Metrilo for WooCommerce: An Overview and Review

Metrilo for WooCommerce is a growth tool for ecommerce brands that combines in-depth data with customer retention strategies. Analytics tell you all about your marketing and sales efforts, and customer engagement tools maximize the customer experience and encourage...

Get ALL Your SEO, WordPress & Divi News

Join Our Daily Roundup

SEO News and More

SEO News and More

Subscribe ToThe Weekly SEO Trade News Updates

Get the latest SEO, SEM and SMM marketing intel, tips and tricks from one of the best SEO Gurus online. 

Every Tuesday morning we send out an aggregated email listing all new posts on SEO Trade News.

Excellent! Now check your email to confirm your subscription.