Blog

Lifestyle websites provide a wide range of content that includes blogs, shops, and even services. They need a wide range of designs to meet their content requirements. Divi has lots of child themes that are great choices to build any type of lifestyle website. In this article, we’ll look at 10 Divi child themes for lifestyle websites to help you get a head start on your next Divi project. The child themes are in no particular order. I hope you like them! 1. Lifestyle Lifestyle was designed for any type of small businesses and works perfectly for lifestyle blogs. It comes with 5 main...

Despite being one of the more varied careers out there, the term marketing has become almost a buzzword among online businesses and brands. Depending on who you ask, their marketing strategy might not even share aspects with yours. One of the biggest misconceptions regarding marketing is that advertising and marketing are synonymous. Many people have the misconception that publicity and public relations (PR) are the same thing. So, too, do they throw advertising and marketing together and confuse them for one another. They are, however, remarkably different. Advertising vs Marketing: The...

Creating pop out service descriptions on hover can be an effective way to inform and engage users with additional information. Much like a tooltip, these pop out descriptions will reveal more info about your service on hover. But with Divi, you have the full suite of design tools available in the Divi builder to create stunning pop out designs without any additional custom CSS. In this tutorial, we will show you how easy it is to build pop out service descriptions on your Divi website. The trick is to position your modules in such a way that they will slide behind each other and pop out...

Websites and apps have all sorts of visual elements that have to coexist – buttons, columns, icons, images, lines, media and typography. All of those elements need a canvas (the blank web page), and that canvas needs blank space, i.e., negative or white space. The viewer’s eye can’t process what it sees without it. What is Negative Space? Positive space is the part of the work that’s filled with the subject or other focal points. Negative space takes up the rest. It may be blank or white, contrasting in color or design, a subtle background image – whatever it is, it will feel empty...

Subtle interactions and hover effects can be useful for creating an eye-catching CTA (Call to Action). The trick is to use effects that make your CTA more attractive and intuitive so users are more likely to take action. And since the end goal of most CTAs is clicking a link or button, it is important to optimize your CTA in a way that brings those clickable items to the forefront. In this tutorial, I’m going to show you how to use Divi to optimize the visibility of CTAs using multiple hover effects. I’ll show you how to add section divider backgrounds on hover to stage your CTAs for...

Throughout all the design trends, footers remain essential. People have gotten so used to them, which in turn makes them highly user-friendly. They help visitors organize their stay on your website and navigate to the precise page they’re looking for. With Divi, you can easily create any kind of footer in one single section. Now, if you’re looking to give your footer some extra dimension and interaction, you’re going to love this post. We’ll creatively combine a footer section with section dividers to create a footer scroll reveal. Let’s get to it! Preview Before we dive into the...

Every week, we provide you with new and free Divi layout packs which you can use for your next project. For one of the layout packs, we also share a use case that’ll help you take your website to the next level. This week, as part of our ongoing Divi design initiative, we’re going to show you how to add a fixed contact form corner popup to your page using Divi’s sizing options. This approach will help you set up a contact form that follows visitors through their stay on your website, without the need for an additional plugin! Let’s get to it. Preview Before we dive into the tutorial,...

If you arrived here wondering how to make a GIF with Photoshop, it’s probably because the video you uploaded to your website was slowing down the loading time. Well, you’ve come to the right place. In this guide, we’ll show you how to make a GIF in Photoshop from video footage. It will look great on your site and will be much more optimized for speed than a video file! With the help of a GIF, you can present any type of video on a website, on a loop. It can be a clip from promotional material, a screen recording for a tutorial, or pretty much anything you want really. For this tutorial,...

A lot of company websites out there share a preview of their approach at some point. When creating an approach section, you can handle it in the traditional way, or you can try to add more interaction to it. If you’re looking for a way to make the second option happen, you’re going to love this post. In this tutorial, we’ll show you how to create a 3-step blurb reveal using Divi’s new sizing options. We’ll start off by showing the title, continue by displaying three arrows that lead to the steps, and complete the effect by revealing the animated blurbs. You’ll be able to download the JSON...

How do you know an idea is great or terrible without testing it? Wireframing, mockups and prototyping are necessary parts of digital design. Visualizing your concepts lets you simulate your designs, try out different user experiences and test various user journeys and flows before making anything live. In the past, designers would have to print their designs and present the client with a PDF. Today, there are tools to help you find and solve design challenges before a design goes public; work out the aesthetic and technical components of a design; and test the experience before anyone...