Pastel gradient background how to#
Pastel gradient background download#
Pastel gradient background free#

We need to adjust the text and icon color for these blurbs so that they stand out against the background gradient. Next, add the background gradient to each of the circular blurb modules surrounding the image. Start by adding the gradient background to the “Reinventing the Wheel” section.įor the “Some Things are Easier From the Couch” section, set the background gradient position to Top Right so that it blends with the section above. You can also paste the background with the keyboard shortcut Ctrl + Alt + V while you hover over the module. You can paste the background gradient to a module, section, or row by clicking the three dots or right-clicking in the section settings and selecting Paste Background. Now let’s open the Telehealth layout and add the background gradients. While copying and pasting the background from our layout is the easiest way to recreate the look in your own design, here are the settings for the gradient we’re using in this tutorial: You can copy the background by right-clicking over the Background section in the module settings or by clicking the three dots next to Background and selecting Copy Background. Open the module settings for the gradient you want to use in your design and copy the background. We will be copying the background gradient styles from this layout to the telehealth layout. If you are following along with the tutorial, open the layout pack for this tutorial in another tab for easy access to the premade gradients. Select Use This Layout to add the layout to your page. Search for and select the Telehealth Landing Page layout. We will use a premade layout from the Divi library for this example, so select Browse Layouts. For this design, we will use the Telehealth Landing Page from the Telehealth Layout Pack to show off our gradients.Īdd a new page to your website and give it a title, then select the option to Use Divi Builder. Let’s start by using a premade layout from the Divi library.

Pastel gradient background how to#

How to Add Pastel Gradients to your Design Create a New Page You can add the layout to your page by choosing a premade layout and using the layout from the “Your Saved Layouts” tab. The layout will now be available in your Divi Library. Select the file you downloaded, then click import. Click the Import & Export button at the top, then select the import tab. You can import this layout to your website by navigating to the Divi Library.

Pastel gradient background free#

Please check your email address to confirm your subscription and get access to free weekly Divi layout packs! You will not be “resubscribed” or receive extra emails.

As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download.

Pastel gradient background download#

To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. To lay your hands on the free pastel gradients, you will first need to download them using the button below. Subscribe To Our Youtube Channel Sneak Peek

Additionally, we’ll show you how to implement these gradients into your website with some step-by-step instructions. In this post, you can get your hands on 18 FREE pastel gradients built with Divi’s gradient builder. With powerful functionality and extensive customization options, you can create unique, custom designs and add them to any element. With Divi’s new gradient builder, designing a beautiful gradient is easier than ever. Pastel gradients look especially stunning in web design since they use lighter colors to create subtle blends, enhancing the page without being too overpowering. Adding a gradient to your website is a great way to integrate color and add an interesting background to your page.