The Tech Zone

One of the interesting things about building layouts with Divi is the many ways we can approach a design. Modules that include content are a great example. We can use their content options, or we can use them along with other modules to create some unique designs. For example, combinations of modules allow us to create sticky elements. In this article, we’ll see how to turn your Divi testimonial module sticky while letting the testimonial content scroll as normal. Preview Here’s a look at what we’ll make. The mobile version of this design will not be sticky, so I’m only showing the desktop version for the preview. My Divi Testimonial Sticky Module Example For my example, I’m using the landing page from the free Electrical Services Layout Pack that’s available within Divi. This page already has a testimonial section near the bottom of the layout, but it has a completely different design. I’ll replace the testimonials in that section and reflect the styling of the new design. I’ll ...

The decision to buy a domain name often comes down to deciding between .net vs .com . While there is a slew of other extensions out there, these two are still considered “standard” for URLs. But is there a difference between them? Is one better than the other? The one you choose can influence everything from how easy it is to find your website to how consumers view your brand. In this article, we try to sort out  .net vs  .com ‘s similarities and differences, pros and cons, so you can make the best decision possible for your site. What is a Domain Extension or TLD? A domain extension is the end part of a URL, placed after the primary domain (also called the second-level domain or SLD/2LD). For example, in elegantthemes.com , the primary domain is elegantthemes and the domain extension is .com . A primary domain without an extension is incomplete — you can’t buy one like that or set up a website without the extension. No one can use  https://.com. (Want a full over...

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 ...

Divi’s new background masks and patterns is one of our most exciting new design features yet. Each of the masks and patterns can be combined with other background elements (like colors, images, and gradients) for countless unique combinations in a few clicks. Today we are going to show you how to use Divi’s new background masks and patterns to design a hero section. In this tutorial, we’ll cover the important steps needed to create background masks and patterns. We’ll even show how to position background images to fit a mask design. This should help give you the tools you need to create the perfect hero section for your site in minutes. Let’s have some fun! Sneak Peek Here is a quick look at the design we’ll build in this tutorial. Here is an example hero section with a white mask and pattern. Here is a dark version of the same hero section with a black mask and pattern. With this design in place, you can easily change masks and mask positions with a few clicks! Download th...