We just released a bunch of new gradient-related features for Divi 5!
Gradient options have been consolidated into a new gradient picker panel, and with the introduction of a new gradient field type, gradients are now easier to manage than ever. You can copy, paste, extend, find, replace, and inspect gradients as a unified attribute.
What’s more, we added support for gradient variables. Use the same gradients throughout your website, and manage them easily in the variable manager.
Plus, gradients can now be used to fill text, along with new text-stroke and image-fill settings.
There’s much to explore, so let me jump into the builder and give you the full tour. 👇
New Gradient Options
Divi 5.7 is all about gradients. We added new ways to both manage and use gradients.
Gradient Field Type
The new gradient field combines gradient attributes into a single manageable field. Now you can interact with gradients in the same way you interact with other attributes.
Copy, paste, extend, inspect, and find and replace! You no longer need to manage a gradient’s internal attributes individually.
Gradient Variables
We added a new variable type: gradient variables. You can turn any gradient into a variable and use it throughout your website. When you edit a gradient variable, the gradient is updated across the site.
Since gradients can be used in new ways (more on that below), you’ll definitely want to keep things manageable. That’s the beauty of Divi 5’s variable and preset systems.
Gradient Picker Panel
Gradient options have been extended to all font groups (more on that below), and gradients can be edited in new contexts, such as in the variable manager.
We consolidated all gradient options into a new gradient picker panel; this way, you can edit gradients the same way everywhere.
It works just like the color picker panel, giving you access to all gradient options and variables in one place.
New Text Effect Settings
All text option groups have some new settings, including gradient fills, image fills, and text strokes.
Text Gradient and Image Fills
Now it’s easy to create visually striking text in Divi 5. You can fill text with gradients and images, and even use gradient variables.
Text Strokes
Text stokes are a small but useful addition. They are a great way to make text stand out against a busy background.
Try Divi 5 Today
Complete site editing is now available for Divi 5. Give it a try and let us know your thoughts.
We rebuilt Divi from the ground up and packed it full of dozens of your most requested features. Forget everything you thought you knew about Divi, because Divi 5 is an entirely different beast.
Have You Tried Divi 5’s New Modules?
We recently added five new modules to Divi 5.
- Create beautiful, animated timelines using the timeline module. This one works great with loops.
- Add breadcrumbs to any page using the new breadcrumbs module; simple, but great for Theme Builder templates!
- SVGs are great; lightweight and pixel-perfect. Now you can add SVGs and style them using native stroke and width settings using the SVG module.
- Use the Table of Contents module to automatically generate clickable tables of contents; great for Theme Builder post templates.
- Create beautiful image galleries directly from Instagram with the Instagram Feed module.
Watch this video for all the details. 👇
More Divi 5 Updates Are On The Way
The features keep coming, and we aren’t slowing down anytime soon!
If you are enjoying these updates, do us a huge favor and let us know by liking this video and leaving a comment. It means a lot to us to see you cheering Divi on, and it’s essential to feed the algorithm and spread the word.
Don’t forget to follow us on YouTube and subscribe to the Divi newsletter so you never miss an update. I’ll see you soon for another Divi 5 feature announcement, which I promise will be right around the corner. 😁
I can’t take my eyes off of the giant 2024 in that header. I actually had to get out of the video and double check to make sure this was indeed a new post.