Build New Gradients Using Multiple Color Stops And New Gradient Options

Create Stunning Gradients In The Visual Builder

The New Gradient Builder Has It All!


Today we are excited to release the Advanced Gradient Builder for Divi, a brand new control type in the Visual Builder that allows you to design advanced gradients using multiple color stops and new gradient options. This feature is short and sweet, but we are really happy with how the new UI turned out and we think you are going to have a lot of fun using it!

How To Use The New Gradient Builder


The old control type for gradients in Divi was very simple. You could choose a starting gradient color, an ending gradient color, and select from a few gradient types. The new gradient builder allows you to create a whole new array of gradients using multiple color stops, repeating gradients, new gradient types and new gradient positions.

The new control is super simple and intuitive. Just click into the gradient slider to add a new color stop. You can add as many colors as you want, drag to change their position and click to adjust their colors. You can also right click on the gradient and on individual color stops to perform actions like “find and replace,” “extend styles,” “delete colors,” and so on.


Use Multiple Color Stops To Create A Variety Of Gradients


Using multiple color stops, you can create a wide range of new gradients. You can add as many color stops as you want and control their position within the gradient slider. Using multiple colors, it’s easy to create beautiful, glowing backdrops that were never possible before.


Create Interesting Effects Using Repeating Gradients


The new gradient builder also comes with an option to “repeat gradient.” With fined-turned control over colors and their positions within the gradient slider, you can craft some really interesting effects using repeating gradients. You might be surprised what you can design using CSS gradients alone. The more you play with the new gradient builder, the more creative ideas you will come up with.


View More Gradient Demos

Combine Gradients, Masks And Patterns To Build New Designs


Divi now comes with an impressive range of background design options. Using background gradients, images, masks and patterns, you can create some amazing layouts. You can even layer different gradients on top of each other by applying gradients to modules, columns, rows and sections. There is a lot of interesting interplay between Divi’s background options due to the way they overlay each other. By placing gradients on top of background images, and below background patterns and masks, you can see the way that the new gradient builder takes on new life.


Download The Free Gradient Pack


Looking for an easy way to enhance your website with some stunning gradients? Download this free gradient pack, including all of the gradients seen in our gradient builder demo. You can easily copy and paste these gradients and use them on any element!

Download The Layout


The Advanced Gradient Builder For Divi Is Available Today!


The new gradient builder is available today, so update Divi and let us know what you think in the comments. Stay tuned for more great Divi features coming soon, and don’t forget to follow and subscribe so that you can be the first to know when our next Divi feature is released. I always give a detailed look into each feature and it’s a great way to get up to speed before you update your website. If you are running your websites on Divi, these are videos and posts you really don’t want to miss.

Join Or Upgrade Today For 10% Off!

Today's The Best Day To Get Divi Or Upgrade Your Account To Lifetime

Join the most enthusiastic and loving WordPress theme community on the web and download Divi today. Using the new Visual Builder, you can build websites faster than ever before with its incredibly fast and intuitive visual interface. You have to see it to believe it!

Join Today For 10% OFF!
Renew Your Account Today For 10% OFF!
Upgrade Your Account Today For 10% OFF!

The post Build New Gradients Using Multiple Color Stops And New Gradient Options appeared first on Elegant Themes Blog.


The Tech Zone

Comments

Post a Comment

Popular posts from this blog

How to Use Midjourney to Create AI Art in 2023 (Detailed Tutorial)

Image
Artificial intelligence (AI) has taken the world by storm. With countless text-to-image generators hitting the market, there are plenty of options to try. However, if you want to create the most realistic images using AI art generators , MidJourney is among the best. In this post, we’ll walk you through the steps you’ll need to take to get started, along with some tips and tricks to get the most out of it. Let’s get started. What is MidJourney? Midjourney is an excellent example of generative AI that creates images based on text prompts. It has become one of the most popular tools for creating AI art, along with Dall-E and Stable Diffusion. Unlike its competitors, Midjourney is self-funded and closed-source, so knowing exactly what’s under the hood is cloudy. We know that it relies heavily on machine learning technologies such as large language and diffusion models. The results are sometimes startling, always impressive, and can possess very realistic qualities. Unlike other AI art...
Read more

How to Use Photoshop AI Generative Fill in 2023 (Detailed Tutorial)

Image
Adobe Photoshop has been the go-to software for image editing for over thirty years. In early 2023, Adobe released the next big thing in image editing – Photoshop AI generative fill. Using Photoshop’s latest beta version, you can add or delete elements, extend the width or height of an image, and remove backgrounds , to name a few things. This post will explain Photoshop AI’s generative fill, what you can do with it, and some tips on using it effectively. Let’s dive in. What is Photoshop AI Generative Fill? Photoshop’s AI generative fill is a powerful feature that enables you to effortlessly fill, edit, and remove image elements with just a few clicks. Powered by machine learning AI, it generates parts of images or even entire composite photos in a fraction of the time it would take if a human were to do it. By analyzing each pixel of an image, it matches lighting, perspective, coloring, and shadows, resulting in a remarkably realistic piece of art. This non-destructive tool allo...
Read more

9 Best AI Content Detectors in 2023 (Future Proof Your Content)

Image
Artificial Intelligence (AI) has become a double-edged sword in content creation and management. On one side, AI writing software and content generators are considered to be invaluable for producing and optimizing content quickly. On the other side, AI content detectors help ensure that AI-generated content isn’t plagiarized and reads more like a human rather than a machine. This article delves into this dichotomy of AI-generated content and AI content detection, emphasizing the best AI content detectors on the market for you to try. The Best AI Detection Tools? Subscribe To Our Youtube Channel Finding reliable tools can be a challenge. We’ve put together a list and review of the best AI-catching software. Starting with Originality.ai, here’s our list of top products to consider: 1. Originality.ai Originality.ai is a leading tool that brings the power of AI to the world of content detection. It’s a favorite among users for its ability to swiftly and accurately identify AI-gene...
Read more