How to Use The Divi Gradient Builder to Design Unique Circular Background Shapes

How to Use The Divi Gradient Builder to Design Unique Circular Background Shapes

Divi’s Gradient Builder can create lots of interesting backgrounds. The colors work together to create shapes and patterns that are usually difficult to create. Divi’s Gradient Builder includes settings that make creating circular patterns, such as a circular background shape, which makes creating unique backgrounds a simple task. In this post, we’ll see how to use the Divi Gradient Builder to design unique circular background shapes that draw attention to any section or column.

Let’s get started.

Preview

First, let’s see what we’re building.

First Circular Background

Desktop

Phone

First Circular Background

Second Circular Background

Desktop

Second Circular Background

Phone

Second Circular Background

Third Circular Background

Desktop

Third Circular Background

Phone

Third Circular Background

Fourth Circular Background

Desktop

Fourth Circular Background

Phone

Fourth Circular Background

Create the Circular Shape Section

Rather than using a section from a Divi layout, we’ll create a custom section for this tutorial. The section will need a two-column row with equal-size columns.

In the left column, we’ll place a divider. This will not be visible. It allows our column 1 background to display on smaller screen sizes. Only columns with modules display on smaller screens. The right column will include two text modules and a contact form.

[…]

 



This article was written by Randy A. Brown and originally published on Elegant Themes Blog.

Disclosure: Some of the links in this post are "affiliate links." This means if you click on the link and purchase the product, We may receive an affiliate commission.

Leave a Comment

You have to agree to the comment policy.

Show Your ❤️ Love! Like Us
Scroll to Top