Divi: 8 underside productivity & design tips

Divi is probably one of the most versatile and popular website builders of creators. However, with its multitude of options and features, it can sometimes be difficult to exploit its full potential. In this article, I share eight essential tips that will allow you to increase your productivity and refine the design of your pages.

These little secrets will save you time and help you achieve a level of precision and consistency in your creations that will impress your visitors 🤩

Did you know that? You can test Divi for free by visiting on this page and by clicking on "TRY IT FOR FREE"

1. Move columns by drag and drop

In Divi, moving the columns by a simple drag and drop is an inescapable trick to save time!

Instead of losing yourself in the alignment or reconfiguration options, this feature allows an intuitive and fast reorganisation. You can test multiple layouts by simply moving the columns where you want, which is perfect to adjust the presentation of your content in real time.

This trick greatly simplifies the design process, making the experience more fluid and creative.

2. Use icon « brush » to quickly customize styles

Icon « brush » Divi is a powerful tool to change the visual style of a module in a few clicks.

Instead of searching the settings to adjust colors, fonts or borders, just click on this icon to access the quick style options.

This allows you to make immediate changes to the appearance of your modules without wasting time looking for options for hours!

3. Option « copy module styles » to standardize design

The ability to copy the styles of one module and apply them to another is a trick that allows you to keep a coherent design effortlessly.

Using the option « Copy Module Styles », you can replicate the appearance of one module to another without having to reconfigure the parameters. Just open the additional options of the block to edit and select « Paste Module Styles ».

This trick saves you crazy time, especially if you work on a large page or on a project with similar items. By quickly applying the same styles to several modules, you maintain the homogeneity of your design while maintaining a professional appearance.

4. Back with the clock icon (undo)

In design creation, it is essential to be able to test ideas without fear of ruining everything 😅.

Divi offers a historical feature with the clock icon, which allows you to go back on several steps of your work.

Thanks to this feature, you can experiment freely, knowing that you can easily go back to a previous version of your design if needed. This peace of mind promotes creativity, as you are sure to be able to explore alternatives without compromising the integrity of your work.

Be careful! This change history resets when you leave the Visual Builder.

5. Name sections for optimal organization

In a Divi project with many sections and modules, it can be difficult to find it quickly.

Nameing sections with explicit titles is a great way to organize your content and gain productivity.

By assigning a distinctive name to each section, you simplify navigation, especially on layouts very long.

This technique allows you to easily locate each item and maintain a clear and orderly structure, essential for effective management of your page or website.

6. Use layer panel (layers) for accurate management

The panel « layers » Divi is a valuable tool for viewing and accessing all the elements of your page as a tree.

This hierarchical view gives you total control over sections, lines, and modules, even if some elements are superimposed or masked.

Using the layer panel (layers), you can easily organize and modify each component accurately.

This tool is particularly useful for complex layouts, as it allows optimal management of the elements, thus promoting precise design and without confusion.

💡 Do not hesitate to use this panel to interchange the order of sections or lines quickly by drag and drop.

7. Save to the cloud for increased flexibility

Divi's cloud recording functionality is ideal for designers who want to access their projects from anywhere, or share their work with collaborators.

By saving your design in the cloud, you are no longer afraid to lose your modifications in case of technical problems, and you have the opportunity to work from different devices. This flexibility is particularly useful for teams, as it ensures project continuity and increased security, thus facilitating collaboration on large-scale projects.

Learn more about Divi Cloud.

8. Harmonize column height for balanced design

Ensuring a uniform height for columns is essential to create a harmonious and professional design.

In Divi, you can adjust the height of the columns so that they all have the same height... And that, just a click.

By harmonizing the height, you create a neat appearance that improves the user experience, giving an impression of professionalism and consistency to your site.

It's funny to mention it here, but this trick is little known or underused.

In conclusion...

By applying these tips, you will not only optimize your way of working with Divi, but also raise the quality of your designs to a higher level!

Whether you are a beginner or an advanced user, these techniques will help you fully exploit this powerful manufacturer.

Feel free to experiment and customize each of these tips so that they best meet your needs.

By becoming familiar with these practices, you will see your productivity and creativity fly away, and your sites will be more remarkable!

Tell me in comment if you knew them all, and more importantly, if you use them regularly!

Here is a list of readings to improve your productivity with Divi:

• 8 features of the Divi Visual Builder that you should use!
• Main features of Divi Dash for overcrowded WordPress agencies
• Use Divi's global colours for more productivity!
• 6 ways to use Divi's drag and drop file download feature to increase your productivity
• Divi Presets: The functionality that improves your productivity!

Need more resources for Divi? Discover the other articles in this section!