12/30/2023 0 Comments Gradient wallpaper![]() ![]() Modify Blurb Module #6 Gradient Background Right Padding: 50px (Desktop & Tablet), 20px (Phone).Left Padding: 240px (Desktop & Tablet), 150px (Phone).Open the module and add a gradient background.Ĭontinue by adding a background image in combination with the following background settings:Īnd add some custom padding values in the spacing settings as well. On to the next module, which is the third module in the first column. Modify Blurb Module #5 Gradient Background On to the second module in the second column! Open the Blurb Module’s settings and add a gradient background. Modify Blurb Module #4 Gradient Background Left Padding: 200px (Desktop & Tablet), 50px (Phone).Open the settings and add a gradient background.Ĭontinue by adding a background image next.Īnd add some custom padding to the module for it to take its shape. On to the third Blurb Module (the second blurb module in the first column). Modify Blurb Module #3 Gradient Background Right Padding: 200px (Desktop & Tablet), 50px (Phone). ![]() Let’s move on to the next Blurb Module (the first module in the second column) and add a gradient background.Ĭontinue by adding a background image combined with the background settings below.Īnd finish the design by adding custom padding values in the spacing settings. Modify Blurb Module #2 Gradient Background Last but not least, add some custom padding for everything to fall into place. Once you’ve added the gradient background, you can add the background image as well and combine it with the following background settings: Place Gradient Above Background Image: Yes.Open the first Blurb Module in column 1 and add a gradient background to it. Now we can start adding unique settings to each one of the Blurb Modules. Modify Blurb Module #1 Gradient Background Place four of the duplicates in the second column of the row and leave three in the first. Once you’ve made all the overall changes, you can go ahead and clone the Blurb Module 7 times. Lastly, add a subtle box shadow to the Blurb Module as well.Ĭlone Blurb Module 7 Times & Place 4 Duplicates in Second Column Open the title text settings as well and change things around. Move on to the design tab and change the text settings next. Add a new Blurb Module to the first column and add some content of choice. We’ll start with the first one, make the general changes and clone it 7 times afterward before making unique changes to each Blurb Module. Time to start adding modules! We’ll need 8 Blurb Modules in total. Subscribe To Our Youtube Channel Add New Section SpacingĪdd a new section to your page, open the section settings and add some custom top and bottom padding.Ĭontinue by adding a new row using the following column structure: This tutorial will help you make quick design tweaks to your pages without having to touch any image editing software at all.īefore we dive into the tutorial, let’s take a quick look at the outcome on different screen sizes. In this tutorial, we’ll show you step by step how to create 8 different background masks for any kind of design you’re working on. With Divi, you can get creative and create your own kind of masks inside your pages using gradient backgrounds in combination with background images. Masks help you bring two layers together and create a unique outcome. If you’re familiar with image editing software, such as Photoshop, you’re probably familiar with masks as well.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |