Divi Resources

How to Create an Envelope Animation with Divi’s Scroll Effects – WordPress Website Design Article

Every time a new Divi feature comes out, we try to share some cool and useful tutorials that’ll help you think outside the box and get creative with Divi. Today’s tutorial does exactly that. We’ll show you how you can create a responsive envelope animation with Divi’s scroll effects. This is a great way to emphasize a call to action block, for instance, but you can use it for other purposes as well. You’ll be able to download the JSON…

Read More

How to Add Slide-In Product Info to Your Divi Product Page – WordPress Website Design Article

The way you design your product pages says a lot about your shop in general. Your product page’s design is an important part of the purchase experience, so going the extra mile is often worth it. If you’re looking to create a product page that is a bit more interactive, you’ll love this post. In this tutorial, we’ll show you how to add slide-in product info inside a beautifully-built product page layout. We’ll also turn this layout into a product…

Read More

Divi Plugin Highlight: Divi Magic – WordPress Website Design Article

Have you ever wanted to show different page elements to different users based on their user role or logged-in status? How about showing specific elements based on date and time? A third-party plugin for Divi called Divi Magic adds these features to Divi, giving you a lot more control over who can see certain elements and when they can see them. Divi Magic adds a new set of visibility tools to every standard section, row, column, and module. You can…

Read More

Get a FREE Mobile App Layout Pack for Divi – WordPress Website Design Article

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you. For this week, Kenny and his team have created a Mobile App Layout Pack you are going to enjoy. Promoting your mobile app just got a whole lot easier with this engaging, bold layout pack. You’ll want to take advantage of the breathtaking colorful…

Read More

A Guide to Understanding & Using Divi’s Absolute Position – WordPress Website Design Article

The absolute position property is one of four main position types available within Divi’s new position options. In this tutorial, we will explore what it means to give an element an absolute position in Divi and how you can use it to your advantage when designing Divi sites. In this post we’ll cover: An Overview of Divi’s Four Types of Positioning How the Absolute Position “Positions” an Element in Divi Benefits and Drawbacks of using the Absolute Position in Divi…

Read More

How to use Divi’s Built-in Custom CSS Inputs for Advanced Responsive Editing – WordPress Website Design Article

Divi has built-in responsive design editing that makes it extremely easy to adjust the style of your website on desktop, tablet, or phone display (without knowing CSS). Part of Divi’s built-in responsive editing includes a simplified method for making more advanced responsive design changes using custom CSS. This is much more convenient than having to rely on an external style sheet with media queries. You can even make adjustments to the CSS visually in real time for each of the…

Read More

How to Style Divi’s Comments Module Inside a Blog Post Template – WordPress Website Design Article

Designing a blog post template is pretty easy with the Divi theme builder. But there’s one thing that tends to get overlooked when designing blog templates, and that’s the comments section. Thankfully, Divi has a customizable comments module that can easily be added to a blog post template. In this post, we’ll show you how to create two custom comments section designs that you can include in any blog template. You’ll be able to download the JSON file for free…

Read More

How to Create a Dynamic Job Opening Post Template with Divi’s Theme Builder & ACF – WordPress Website Design Article

When you’re using the Divi Theme Builder in combination with dynamic content, you’ll quickly find yourself replacing plugins with self-made templates. In today’s tutorial, we’ll show you how to create a completely dynamic job opening post template using the Divi Theme Builder and an ACF fields group. This dynamic job opening post template is fully customizable and you’ll be able to download the JSON file for free as well! Let’s get to it. Preview Before we dive into the tutorial,…

Read More

How to Blend Your Header & Body Using Divi’s Post Content Module & Section Dividers – WordPress Website Design Article

By now, we’ve all gotten used to Divi’s built-in section divider. They help add that extra touch to the websites we build. They also serve as a smooth transition between two different sections, but with Divi’s Theme Builder, the approach to creating that transition is slightly different. In this post, we’ll guide you through the steps you have to take to get there. You’ll be able to download the template JSON file for free as well! Let’s get to it.…

Read More

13 Industrial Child Themes for Divi – WordPress Website Design Article

Industrial websites are technology-based and include lots of science and engineering and can include anything from manufacturing robots to building a home. Divi is a great choice for building industrial websites because everything you need to show services, projects, products, introduce clients to your team, and create a call to action is already included. Fortunately, there are lots of industrial child themes you don’t have to build your industrial website from scratch. In this article, we’ll look at 13 industrial…

Read More

How to Design a Blog Post Template with Divi’s Theme Builder (FREE Download) – WordPress Website Design Article

A blog post template is probably the most important template you can add to a blog site. It provides a structure and design that is “magically” applied to all blog posts on the front end, while bloggers only need to worry about writing the post on the backend. This drastically saves time by streamlining the creation process to get your post out on the web quickly. And with the Divi Theme Builder, you won’t have to settle for a boring…

Read More

Get a FREE Magazine Layout Pack for Divi – WordPress Website Design Article

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new, free Divi Layout Packs from our design team to you. This time around, Kenny and his team have created a beautiful Magazine Layout Pack that’ll help you get your next magazine website up and running in no time! Landing Page Design View The Live Layout Demo Home Page Design View The Live Layout Demo Contact…

Read More

Download The Third FREE Theme Builder Pack For Divi – WordPress Website Design Article

Hey Divi Nation, thanks for joining us in a very special installment of our ongoing Divi design initiative.  Today we’re sharing the third theme builder pack that’ll help you set up a website from A to Z.  This theme builder pack is part of our big Divi 4.0 celebration. We want to give back to you, the Divi community, by providing you with 6 awesome theme builder packs that you can use right away. So, let’s take a quick look…

Read More

Divi Plugin Highlight: FAQ Plugin – WordPress Website Design Article

FAQ Plugin is a third-party plugin for Divi that makes it easy to manage your frequently asked questions and answers. The plugin adds a new custom post type with an editor where you can create and manage them. It supports multiple page builders such as Divi and Gutenberg. In this article, we’ll take a look at FAQ Plugin and see how it works with Divi. FAQ Plugin provides several benefits for your WordPress website. It builds structured data for better…

Read More

How to Create a Responsive Accordion Slider in Divi – WordPress Website Design Article

An accordion slider is a fun and engaging way to display content in a small space. Accordion sliders usually consist of multiple elements (or panels) stacked horizontally like the folds of a curtain. And when you hover over one of the panels, it expands to reveal content as the other accordion panels contract. This is where we get the accordion type effect of expanding and contracting. In this tutorial, I’m going to show you how to create a responsive accordion…

Read More

Download a FREE & Advanced Client Showcase Hover/Click Design for Divi – WordPress Website Design Article

People relate to other people. That’s why on almost any website you visit, you’ll see faces appear. From previous customers to team members and more; the sooner you show the clients and people behind your company, the higher your chances are of convincing your them your company, brand or product is the right fit. In this post, we’ll focus on showcasing your clients in a beautiful and advanced way. You’ll be able to download the JSON file for free as…

Read More

How to Create a Countdown ‘Deal of the Day’ Product Section with Divi – WordPress Website Design Article

When looking for ways to boost online conversion rates, you’ll notice that many website have a ‘deal of the day’ product section on their landing pages. This gives visitors a sense of urgency and can shorten the decision-making process. In this post, we’ll show you how to create a stunning countdown deal of the day product section design with Divi’s built-in options only. The design style we’re using is elegant and clean and includes a splash of color to emphasize…

Read More

How to Create a Custom Photo Gallery Slider in Divi – WordPress Website Design Article

We all know sliders are great for enticing users with featured services, products or pages in one convenient location above the fold. Some sites (I’m thinking photographers) need to feature one or more of their photo galleries on the homepage. Using a slider for this may be a nice option. However you may have not considered featuring your photo gallery in a slider quite like this. In this tutorial, I’m going to show you an easy way to embed Divi…

Read More

Divi Design Showcase: New Submissions from May 2019 – WordPress Website Design Article

It’s that time again for our monthly Divi Showcase where we take a look at 10 awesome Divi websites made by our community members. Each month we showcase the best Divi websites that were submitted from our community and today we want to share with you the top ten websites for the month of May. Throughout the post, I’ll point out some of my favorite design features that draw me to each of the websites. I hope you like them!…

Read More

Get a FREE Ebook Layout Pack – WordPress Website Design Article

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new, free Divi Layout Packs from our design team to you. This time around, Kenny and his team have created a beautiful Ebook Layout Pack that’ll help you put your new ebooks out there in a professional and elegant way. Landing Page Design View The Live Layout Demo Home Page Design View The Live Layout Demo…

Read More

How to Rotate Section Dividers to Create Stunning Side Borders with Divi’s Transform Options – WordPress Website Design Article

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 rotate section dividers to create stunning side borders with Divi’s new transform options and the Calligrapher Layout Pack. This is a…

Read More

Get a FREE Actor CV Layout Pack for Divi – WordPress Website Design Article

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you. For this week, Kenny and his team have created a beautifully polished Actor CV Layout Pack. This pack has everything an aspiring actor or actress needs to get a gorgeous CV (or résumé) site up and running in no time. The pack comes with…

Read More

Using Transform Translate vs. Negative Margin with Divi – WordPress Website Design Article

It’s no secret that Divi comes with a ton of options. And sometimes, some of these options might seem to deliver similar outcomes. It’s important to know the difference and how and when to use them. Negative margin and transform translate are two of those design options that can deliver a similar outcome and in some situations, using one instead of the other can make more sense. In this post, we’ll make it easier for you to choose the right…

Read More

Get a FREE Calligrapher Layout Pack for Divi – WordPress Website Design Article

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new, free Divi Layout Packs from our design team to you. This time around, Kenny and his team have created an amazing Calligrapher Layout Pack with a minimal look and feel but stunning typography and brush effects that you will absolutely love. Landing Page Design View The Live Layout Demo Home Page Design View The Live…

Read More

Divi Plugin Highlight: Simple Overlay Solution – WordPress Website Design Article

Simple Overlay Solution is a third-party plugin for Divi that makes it easy to create full-screen overlays, popups, and mega menus with the Divi Builder. Add multiple overlays to any page. Choose between a click or an automatic timed delay trigger, a light or dark loader, and a light or dark background. Style the close button, or create your own background and buttons with the Divi Builder. Each overlay has a 30-day cookie. Simple Overlay Solution Upload and activate the…

Read More

How to Animate Letters for Unique Text Designs in Divi – WordPress Website Design Article

Animation has become a common part of the user experience for modern websites. Aside from the fact that it looks cool, it can also add a subtle interactive element that engages the user by bringing content to life. Divi’s built-in animation effects allow you to animate just about any element on a page with different animation styles. In this tutorial, I’m going to show you how to animate letters for some unique text designs in Divi. By putting individual letters…

Read More

Get a FREE eSports Layout Pack for Divi – WordPress Website Design Article

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you. For this week, Kenny and his team have created a stunning eSports Layout Pack. This layout pack is a design masterpiece crafted with all the essentials needed for an eSports site. It has everything you need to promote eSports leagues and tournaments in style.…

Read More

Get a FREE Paralegal Layout Pack for Divi – WordPress Website Design Article

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new, free Divi Layout Packs from our design team to you. This time around, Kenny and his team have created a stunning Paralegal Layout Pack with a clean and minimal design style that you will absolutely love. Landing Page Design View The Live Layout Demo Home Page Design View The Live Layout Demo About Page Design…

Read More

How to Style and Position Images in Abstract Places in Divi – WordPress Website Design Article

Images are a key aspect of web design. And modern web design seems to call for new and abstract ways to display images on your website. Divi’s transform options make it easy to style and position images on your page just about anywhere you want. This opens the door for creating unique layouts that will take your website to the next level. In this tutorial, I’ll be showing you a couple of ways you can style and position images in…

Read More

Get a FREE Home Improvement Layout Pack for Divi – WordPress Website Design Article

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you. For this week, Kenny and his team have created a bold and colorful Home Improvement Layout Pack that I think will surprise you. This layout pack has beautifully bold design with professional layouts for promoting home improvement services with style. The service page layouts…

Read More