By default, as soon as you switch over to a mobile device, the shop module turns into a one-column layout. Now, if you’re looking to highlight each product individually, that’s great, but with the bigger smartphone screen sizes nowadays, you might want to allow two...
The Divi Summer Sale 2024! Get Up To 70% Off
Elegant Themes Tutorial Layouts
8 Delayed Button Animations for your Header CTA
Adding delayed button animations to any CTA can be an effective way to draw attention to visitors and, in turn, increase the likelihood of getting a click. In this tutorial, we will show you how to use Divi to create 8 delayed button animation for a custom header CTA....
Animated Page Transitions with Divi’s Theme Builder
Normally, when visitors navigate from page to page on your Divi website, the transition happens instantly. Now, what if there’s a way to animate these page transitions? With Divi’s Theme Builder there sure is, without the need for any custom code! As soon as your...
Replace Client Logos with Testimonials on Hover/Click
Looking for a way to add interaction to client logos and matching testimonials? With Divi’s responsive content feature, it’s now easier than ever to show different content in a module’s default state and on hover. In today’s Divi tutorial, we’ll demonstrate that by...
Reveal Content on Hover with Expanding Corner Tabs
It’s always fun to discover new and creative ways to engage users with your content using unique hover effects. One great way to do this is to reveal content on hover using expanding corner tabs. This allows the user to hover over a tab in the corner of a column or...
Classic Typewriter-Inspired Blog Post Template
Looking for a classic but creative way to display blog posts on your website? If so, you’ll love this Divi freebie. We’ve designed a classic typewriter-inspired blog post template that automatically applies to all blog posts on your website! Throughout this post,...
Welcome Gate for Your Page in Divi
A welcome gate is an effective way to boost conversions of any call to action on your site. In fact, welcome gates are a popular feature with plugins like OptinMonster for creating high-converting email optins. The basic idea behind a welcome gate is to hide the...
Add a Bottom-Page Contact Form to All Pages
When you’re busy setting up all pages you want to include on your website, chances are high you’ll want to include a contact form at the end of each page to make your visitors’ journey easier. With Divi, you can, of course, add a contact form to the page itself, but...
Dynamic Author Box for Your Blog Post Template
Mentioning the post author in your blog posts is essential. Now, with Divi’s Theme Builder you can add a site-wide dynamic author box to your posts. You can also style the author box using Divi’s built-in options, this can leads to beautiful web design. In this...
Style Divi’s Comments Module Inside a Blog Post Template
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...
Dynamically Add a Coupon Code Bar to Specific Product Pages
When you’re running an online shop you’ve made with Divi and WooCommerce, you’ll occasionally want to show coupon codes on your website to increase the sense of urgency. Across the web, you’ll notice that many online shops share the coupon codes in a bar that’s stuck...
Place Your Header Below Each Page’s First Section
Create and customize a header to match it with different needs you might have. In today’s tutorial, we’ll show you how to automatically place a custom header below each page’s first Divi section. This approach allows visitors to see the hero section of your pages...
Fun Product Page Template for Kids’ Products
Kids’ product websites have a unique style. They tend to be fun, colorful and inspire a smile. Your WooCommerce store for kids’ products is now easier to create with the Divi theme builder and customizable woo modules. Why not make it a little more special with a...
Add a Scroll Triggered Popup to Your Blog Posts
Adding a scroll triggered popup to your blog posts seems like a really smart thing to do. You may have seen them before when reading other blogs. As the user scrolls to a certain point of the post (usually the end), a box containing some call to action suddenly...
Add Two Side-by-Side Buttons to Your Divi Global Header
Having clear calls to action on your pages is a necessity for most websites. And what better way to draw attention to some of your most important CTAs than by placing them in your header? In today’s tutorial, we’ll show you how to add two side-by-side buttons to your...
Inline Login Form for a Custom Global Header
Creating an inline login form for your header can be a wonderful boost to user experience. They are perfect for membership sites and online stores because it makes it really easy for users to login at any time or on any page of the site. In this tutorial, we are going...
Add a Closable Slide-In Call to Action to Any Corner of Your Page
Having a slide-in call to action on your site is one of the least obtrusive ways to get your visitors attention. Most of the time they will simply ignore CTA or close it to continue browsing the page, but sometimes you will win them over. A slide-in call to action...
Dynamic Careers Job Listing Section
In a previous Divi tutorial, we’ve shown you how to create a completely dynamic open job position template with Divi’s Theme Builder and the Advanced Custom Fields plugin. In today’s tutorial, we’ll show you how you can dynamically feature the open job positions on...
Dynamic Job Opening Post Template
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...
Dynamic Portfolio Project Template with Divi & ACF
Looking for a way to streamline the way you create portfolio items on your website? If so, you’ll love this post. In this tutorial, we’ll show you how to create a dynamic portfolio project template with Divi’s Theme Builder and the ACF plugin. Building a portfolio...
Pop Out Social Media Follow Buttons Bar
Social Media Follow buttons continue to be a popular addition to any website. Companies and individuals use these links to redirect users to their social media pages in hopes that visitors will follow them or subscribe to their channel. Normally, you see these buttons...
Animate Your Global Header
Your header is one of the most important parts of your website. It connects your pages, posts and calls to action. It’s also one of the things your visitors automatically go looking for, so they don’t waste any time finding what they’re looking for. If you’re looking...
Recent Posts by Category Layout with Hover Effects
We are all used to seeing recent posts being displayed on a website. They are usually generated using the WordPress Recent Post widget or a plugin to show the most recently published articles on the blog. And they usually show up on the blog page, at the bottom of...
Dynamic Simple UX-Friendly Blog Post Template
When sharing new blog posts on your website, it’s important to make the reading experience as easy as possible for your visitors. That means getting rid of as many distractions as possible, while still matching the branding on of your website. It’s also important to...
Blend Your Header & Body Using Post Content Module & Section Dividers
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...
Create a Mobile Collapsing Nested Menu
A while back, we shared a mobile menu hack that helps you create a collapsing nested menu. We know many of you have used it, but with the new Divi Theme Builder, the approach becomes slightly different. In today’s tutorial, we’ll show you how to apply a mobile...
Reveal Your Global Header While Scrolling Up & Hide While Scrolling Down
When you’re creating your global header, there are many things you need to take into account. The elements you place in your header need to help your visitors navigate easily. To reduce the time people spend navigating, many web designers opt for a fixed top header,...
Multipurpose Sales Banner Design for Divi
Online Only Everything 20% Off Fall Sale Shop Now Starts Nov 1st Online Only Everything 20% Off Fall Sale Shop Now Starts Nov 1st Online Only Everything 20% Off Fall Sale Shop Now Starts Nov 1st Online Only Everything 50% Off Winter Sale Shop Now Starts Nov 1st Online...
5 Free Border Images for Divi
Intuitive Design explore more Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced...
10 Free Fluid Section Backgrounds
Making an Impact Across the Globe Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced...
Add One-Sided Box Shadows in Divi
Individual Therapy Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Nulla quis lorem ut libero malesuada feugiat. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante...
Unique Column Layouts in Divi
Your content goes here. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no...
Vibrant Section Titles with Divi
About Let's meet! Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings. Your...
Responsive Five Column Showcase Layout
Let's Build Something aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta...
Horizontal Pricing Tables with Divi
Starter description of feature goes here. description of feature goes here. description of feature goes here. description of feature goes here. description of feature goes here. description of feature goes here. description of feature goes here. description of feature...
Add Motion to Your Section Dividers
Explore Our Vehicles lit lacus rhoncus non porttitor et, posuere sed arcu. Morbi sagittis, sapien sit amet lobortis enim augue rutrum nibh in massa nisl dictum ante. Morbi cursus quis mauris quis egestas. Proin velit lacus, rhoncus non porttitor et, posuere sed arcu....
Sleek Header Design with Parallelograms
Mauris non tempor quam, et lacinia sapien. Mauris accumsan eros eget libero posuere vulputate. Etiam elit elit, elementum sed varius at, adipiscing vitae est. Sleek Header Design with Parallelograms Based on this Elegant Themes Divi Tutorial
Bold & Colorful Websites with Divi
wel come home Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings. Your content...
Flat Web Design with Divi
We are a digital design agency here to meet all your marketing and design needs Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply...
Unique Feature Section in Divi with Icons
Our Features Everything you need. Your content goes here. Edit or remove this text inline or in the module Content settings. Your content goes here. Edit or remove this text inline or in the module Content settings. Your content goes here. Edit or remove this text...
Minimal Website Layout for Divi
We love your brand We transform your business into a community learn more learn more We love your brand Customer first Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the...
Divi’s Text Module for Creative List Designs
Design Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Develop Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio....
Divi Blog Page Grid Layout with Backgrounds
My Blog Cras ultricies ligula sed magna dictum suscipit tortor eget felis porttitor volutpat. Divi Blog Page Grid Layout with Backgrounds Based on this Elegant Themes Divi Tutorial
Creative Product Comparison Chart with Divi
Compare VS Old Product New Product feature feature feature feature feature Creative Product Comparison Chart with Divi Based on this Elegant Themes Divi Tutorial
Design an Attractive Subscribe Section with Divi
Stay in touch Your content goes here. Edit or remove this text inline or in the module Content settings. Stay in touch Your content goes here. Edit or remove this text inline or in the module Content settings. Stay in touch Your content goes here. Edit or remove this...