Black Friday is Here! Get 25% off Divi Theme Now!

All Layouts

Classroom Layout Pack

Classroom Layout Pack

The Classroom Divi layout pack is an exciting gift for any teacher or school in need of a classroom website. The design is clean, colorful, and fun which is perfect for engaging both students and parents. And each layout is customized to showcase all of your online...

read more
Image Overlay with Split Text Shutter Animation

Image Overlay with Split Text Shutter Animation

Image overlays continue to be a popular design asset when displaying images on your website. Not only do they offer a creative way to showcase images, but also they can make viewing images more fun and engaging for visitors, especially when you add custom animations...

read more
Add a Styled & Inverted Cursor

Add a Styled & Inverted Cursor

One of the fastest ways to interact with visitors on your website is through their cursor. That’s where it usually all begins. User interaction on desktop is almost entirely based on the way visitors use their cursor to navigate through your pages. It’s also the one...

read more
Sunglasses Shop Layout Pack

Sunglasses Shop Layout Pack

If you’re looking to set up a website for your sunglasses shop, or any other small online business, you’ll want to check out the Sunglasses Shop Layout Pack for Divi. This dynamic layout pack provides you with awesome layouts to start building your website from...

read more
Crowdfunding Layout Pack

Crowdfunding Layout Pack

The Crowdfunding Layout Pack is loaded with page layouts strategically designed to help individuals or organizations promote, create, and manage fundraising campaigns. And, the design of each page layout is clean and modern with a familiar user-interface that will...

read more
Build an Interactive List on Scroll

Build an Interactive List on Scroll

Divi’s sticky options allow you to effortlessly add interaction to the pages you create and design. If you’re looking for a way to mention multiple items without just creating a static list, you’ll enjoy this tutorial. Today, we’re showing you how to build an...

read more
Telehealth Layout Pack

Telehealth Layout Pack

This vibrant Telehealth Divi layout pack is modern, clean and includes beautiful design elements.[dsm_scroll_image src="http://elegantdivilayouts.com/wp-content/uploads/2021/03/divi-telehealth-layout-pack-grid-scaled.jpg" alt="Telehealth Layout Pack"...

read more
Business Cards with Flip Animation on Click

Business Cards with Flip Animation on Click

Designing business cards that flip on click can be a creative addition to any team member section or page on your website. Business cards are already a familiar and intuitive method for supplying concise information about a person working for a company. So it makes...

read more
Virtual Fitness Layout Pack

Virtual Fitness Layout Pack

Virtual Fitness is a thriving industry. Fitness companies and instructors deserve an online presence that inspires their audience. And this Virtual Fitness Divi layout pack delivers! The design is bold, clean, and strikingly colorful. And the included page layouts...

read more
Create a Seamless Hover Grid

Create a Seamless Hover Grid

Learn how to create a seamless hover grid. The design is initially plain and clean. As soon as someone hovers one of the items, the background image is revealed and the module styles change along with it. This results in a beautiful hover experience.

read more
Brokerage Firm Layout Pack

Brokerage Firm Layout Pack

If you’re looking to set up a website for your brokerage firm, you’ll want to check out the Brokerage Firm Layout Pack for Divi. Besides all the professional layouts you get with this layout pack, you can also expect a clean design style with custom icons and...

read more
Add CSS Focus State Styling to Elements in a Divi Form

Add CSS Focus State Styling to Elements in a Divi Form

One of the main goals of most websites is form submission. It is how companies get sales leads, email subscribers, and more. Effective web design can make form submission more engaging for visitors and one way to boost the engagement, even more, is to add additional...

read more
Engineering Firm Layout Pack

Engineering Firm Layout Pack

The Engineering Firm layout pack is perfect for engineering firms ready to showcase project portfolios and all types of engineering services to their clients with industry-leading web design. The key features of this pack include dedicated layouts for projects and...

read more
Combine Overlaps to Create Effortless Transitions

Combine Overlaps to Create Effortless Transitions

Although websites that have scroll interactions isn’t for every type of business, knowing how to go the extra mile is particularly helpful to leave a good impression. With Divi, many things are already possible without having to touch a single line of code. Today’s...

read more
Create and Animate CSS Shapes in Divi

Create and Animate CSS Shapes in Divi

Creating shapes using CSS in web design is not a new concept by any means. In fact, the classic method of creating CSS shapes has been largely overshadowed by other HTML graphic solutions like Canvas and SVG. However, CSS shapes (at least the basic ones) are much...

read more
Sticky Footer Bar with Sticky Options

Sticky Footer Bar with Sticky Options

If you’re looking for a way to add a CTA that follows your visitors while they’re navigating through your website, you might consider going for a sticky footer bar. A sticky footer bar is used at the bottom of your browser and you can include any call to action of...

read more
Dog Grooming Layout Pack

Dog Grooming Layout Pack

If you’re looking to set up a dog grooming website, you’ll want to check out the Dog Grooming Layout Pack for Divi. Besides all the beautiful page designs you get, you also have free access to custom icons and relevant, high-quality images![dsm_scroll_image...

read more
Hero Section with Custom Transitions and Animations

Hero Section with Custom Transitions and Animations

An engaging hero section is one of the more important aspects of any website. Adding smooth transitions and animations to showcase the hero section content is one way you can boost the quality of your hero section. In Divi, basic hero section transitions can be...

read more
Trigger Image Transitions with Sticky Options

Trigger Image Transitions with Sticky Options

The versatility of Divi’s sticky options goes further than just using the settings for a sticky header. You can use it to trigger changes in your design as well. In this tutorial, for instance, we’ll use Divi’s sticky options to trigger image transition. The image...

read more
Hide Your Header Before Scroll with Sticky Options

Hide Your Header Before Scroll with Sticky Options

A hero section is the eyecatcher of your website. It usually sets the tone for the rest of the website and shows visitors what they can expect. That’s why it can be helpful to make sure all focus is on the few elements you share in your hero section, such as the copy...

read more
Save Space in Your Header Using Toggle Icons

Save Space in Your Header Using Toggle Icons

The way you design your header sets the tone for the rest of your website. That’s why it’s important to think of the way you add elements and interactions. Of course, you’ll want to include the basics like a logo and menu items, but chances are high you’ll want to...

read more
Meditation Center Layout Pack

Meditation Center Layout Pack

If you’re looking to set up a website for your meditation center, you’ll want to check out the Meditation Center Layout Pack! This layout pack includes custom photography that you can use without any restrictions. The color palette is balanced and you’ll find yourself...

read more
Family Doctor Layout Pack

Family Doctor Layout Pack

The Family Doctor Layout Pack is tailored to doctors ready to get a professional website to promote their medical services, book appointments, provide valuable resources for their patients, and much more. All the content is showcased with clarity and cutting edge...

read more
Shoe Repair Layout Pack

Shoe Repair Layout Pack

The Shoe Repair Layout Pack has a neutral color palette and modern page structures, perfect to put your business in the spotlight.[dsm_scroll_image src="http://elegantdivilayouts.com/wp-content/uploads/2021/01/divi-shoe-repair-layout-pack-grid-scaled.jpg" alt="Shoe...

read more
Music Teacher Layout Pack

Music Teacher Layout Pack

The Music Teacher Layout Pack is a refreshing gift to music teachers everywhere. The layouts feature a nice blend of classic and modern design elements with custom graphics and icons throughout. And the layouts for showcasing online courses are suitable for all types...

read more
Women’s Health Center Layout Pack

Women’s Health Center Layout Pack

This Women's Health Center Layout Pack combines a beautiful pastel color palette with a clean design style and high-quality custom images and illustrations. With all these assets and layout structures within reach, you'll find yourself building a gorgeous women's...

read more
Sticky Promo Video with a Show/Hide Toggle

Sticky Promo Video with a Show/Hide Toggle

A promo video is a wonderful marketing tool for promoting your products and services to all those visitors who would rather just watch a video than explore your page for information. And, if you are confident that your video will help boost conversions, it is a good...

read more
Bike Repair Layout Pack

Bike Repair Layout Pack

This handy Bike Repair layout pack is just what you need to get the fresh, modern bike shop website you have always dreamed of having. It comes with a shop page with professional promos and product layouts. The services page comes with a layout for maintenance...

read more
Blog Post Template for Realtor Layout

Blog Post Template for Realtor Layout

Download a brand new blog post template that matches the Realtor layout pack perfectly.[dsm_scroll_image src="http://elegantdivilayouts.com/wp-content/uploads/2020/11/divi-realtor-blog-post-template-preview-scaled.jpg" alt="Blog Post Template for Realtor Layout"...

read more
Pick Up Divi Sticky Header

Pick Up Divi Sticky Header

Discover another trick you can apply with Divi’s built-in sticky options. More specifically, how to “pick up” your header once you scroll past it. The header will be automatically placed below each page’s first section. This tutorial will be all about interaction....

read more
Pizzeria Layout Pack

Pizzeria Layout Pack

If you're setting up a pizzeria website for a client or yourself, you should consider using the beautiful Pizzeria Layout Pack for Divi. This layout pack puts your pizzeria's products in the spotlight through high-quality images and beautiful page structures. The menu...

read more
Comments Toggle for Your Blog Post Template

Comments Toggle for Your Blog Post Template

Comments are an important part of any blog post template. However, for some visitors, a lengthy comments section can become a problem whenever they are trying to scroll through the rest of the content on the post. Creating a comments toggle is a great solution to this...

read more
Astrologist Layout Pack

Astrologist Layout Pack

We are confident that the grandiose design of this astrologer layout pack will help you get an astrologer website that stands a world apart from the competition. With an impressive landing page and dedicated layouts for services and pricing, you will be on your way to...

read more
Sticky Sidebar for Your Blog Post Template

Sticky Sidebar for Your Blog Post Template

When creating any kind of website, chances are high you’ll want to occasionally blog on that website too. Besides needing a blog page that features all your blog posts in a list form, you’ll want to have a blog post template that you can automatically assign to the...

read more
Custom Testimonial Tabs

Custom Testimonial Tabs

For many businesses, testimonials are one of the key arguments to get new clients. That means paying a bit of extra attention to testimonials on your website will never go to waste. Within Divi, there are many different ways to share testimonials, using the Divi...

read more
Realtor Layout Pack

Realtor Layout Pack

If you’re looking for a website to build your online presence as a realtor, you’ll love the Realtor Layout Pack for Divi. This layout pack provides you with a clear and visual way of showing all the services you offer. With its unique page structures, you’ll customize...

read more
Add Sticky Product Images to Your Product Page Template

Add Sticky Product Images to Your Product Page Template

When it comes to buying products online, great product images are essential to closing the sale. That’s why most product pages have those product images at the top of the page so it is the first thing buyers see. However, as the user scrolls down the page to view more...

read more
Blog Post Template for Italian Restaurant Layout Pack

Blog Post Template for Italian Restaurant Layout Pack

Download a brand new blog post template that matches the Italian Restaurant layout pack perfectly.[dsm_scroll_image src="https://elegantdivilayouts.com/wp-content/uploads/2020/10/divi-italian-restaurant-blog-post-template-preview-scaled.jpg" alt="Blog Post Template...

read more
Display Post Estimated Reading Time and Word Count

Display Post Estimated Reading Time and Word Count

Some people (including me) appreciate a little heads up on the length of a blog post or, more importantly, how much time is it going to take to read. A great way to do this is to display an estimated reading time and/or word count at the top of your blog posts. You...

read more
Acupuncture Layout Pack

Acupuncture Layout Pack

This Acupuncture Layout Pack will help you promote all available treatment options, capture new leads, showcase pricing packages, and much more. Plus, each page layout is packed with stunning design features and custom icons to help you on your way to a brand new...

read more
Sticky CTA Menu as you Scroll

Sticky CTA Menu as you Scroll

Traditionally, sticky menus are visible at the top (or bottom) of a page the moment the page loads. However, building a sticky CTA menu as the user scrolls down the page can be a creative and effective way to keep those important CTAs clickable at all times. In some...

read more
Blog Post Template for Handyman Layout Pack

Blog Post Template for Handyman Layout Pack

Download a brand new blog post template that matches the Handyman layout pack perfectly.[dsm_scroll_image src="https://elegantdivilayouts.com/wp-content/uploads/2020/10/handyman-post-grid-scaled.jpg" alt="Blog Post Template for Handyman Layout Pack" title_text="Blog...

read more
Stack Rows on Scroll with Divi’s Sticky Options

Stack Rows on Scroll with Divi’s Sticky Options

There are a ton of ways you can use the sticky options to enhance the user experience people have on your website and make your website shine. For example, you can stack rows on scroll with Divi’s sticky options. As soon as a row touches the top of your viewport,...

read more
Italian Restaurant Layout Pack

Italian Restaurant Layout Pack

If you’re looking to set up a website for an Italian restaurant, and you want food pictures to be at the center of your website, you have to check out the Italian Restaurant Layout Pack for Divi. This layout pack lets the food speak for itself. The overall design...

read more
Combine a Scroll Progress Bar with a Fixed Navigation Menu

Combine a Scroll Progress Bar with a Fixed Navigation Menu

Progress Bar Indicators can add a nice touch to your website, boosting UX with a useful (and fun) interaction. Normally, progress bars stand alone at the top of the page without much connection to the actual content of the page. The user simply has a visual indicator...

read more
Reveal a Column CTA in a Sticky State

Reveal a Column CTA in a Sticky State

At a certain point when you’re creating a page design, you might run into a list of services, courses, or something similar that you want to share in an interactive way. The design you’re using for your list content plays a very important role in how your visitors...

read more
Vertical Sticky Timeline Layout

Vertical Sticky Timeline Layout

Creating a vertical sticky timeline can be extremely useful for categorizing content by year and/or month as the user scrolls down the page. The sticky date elements remain fixed beside the content for a convenient UX boost that users will appreciate. The keys to this...

read more
Virtual Assistant Layout Pack

Virtual Assistant Layout Pack

Get an edge on the competition with this professional virtual assistant layout pack. This pack will help get your virtual assistant site up quickly so that you can promote your skills with an efficient and unique design. In addition to valuable custom icons and...

read more
Blog Post Template for Coworking Space Layout

Blog Post Template for Coworking Space Layout

Download a brand new blog post template that matches the Coworking Space layout pack perfectly.[dsm_scroll_image src="https://elegantdivilayouts.com/wp-content/uploads/2020/10/divi-coworking-space-blog-post-desktop-preview.gif" alt="Blog Post Template for Coworking...

read more
Change Your Sticky Logo on Scroll

Change Your Sticky Logo on Scroll

Ever since the Divi sticky options have come out, endless interaction design possibilities have been added to our Divi toolboxes. Besides being able to turn a header sticky on scroll, you’re also able to change the style of your elements in a sticky state. This allows...

read more
Coworking Space Layout Pack

Coworking Space Layout Pack

If you’re looking for a modern layout pack that’ll help you set up a coworking space website, you’ll want to check out the Coworking Space Layout Pack for DIvi. This layout pack focuses on a clean and structured page design while including images and graphic elements...

read more
Blog Post Template for PR Firm Layout

Blog Post Template for PR Firm Layout

Download a brand new blog post template that matches the PR Firm layout pack perfectly. [dsm_scroll_image src="https://elegantdivilayouts.com/wp-content/uploads/2020/10/PR-Firm-Post-Template-Grid-scaled.jpg" alt="Blog Post Template for PR Firm Layout" title_text="Blog...

read more
Optimize Divi’s Menu Module with 5 Global Presets

Optimize Divi’s Menu Module with 5 Global Presets

Menus are a vital part of any site so it makes sense to spend a little extra time and effort to make sure they display properly. In Divi, we can build custom menus quickly using Divi’s Menu module, which provides many of the style options we need. But it always helps...

read more
Absolute-Positioned Bottom Bar on Your Hero Section

Absolute-Positioned Bottom Bar on Your Hero Section

The way you structure elements inside your hero section can get tricky sometimes. You want to have a good balance, without having to drastically reduce the amount of content you want to share. Luckily, some streamlined approaches have proven their worth across the...

read more
Sticky Email Optin in Divi

Sticky Email Optin in Divi

Divi’s sticky position options allow you to make any element on your page sticky. This allows you to fix elements on the page at certain intervals as the user scrolls down the page so they stay visible longer. And for you bloggers out there, it makes a lot of sense to...

read more
Window Cleaning Layout Pack

Window Cleaning Layout Pack

This window cleaning layout pack is a gleaming design asset for any site in the cleaning service niche. The layouts are intentionally clean and colorful with powerful images, perfect for marketing all your window cleaning services. And the dedicated pages included for...

read more
Blog Post Template for Architecture Firm Layout

Blog Post Template for Architecture Firm Layout

Download a brand new blog post template that matches the Architecture Firm layout pack perfectly. [dsm_scroll_image src="https://elegantdivilayouts.com/wp-content/uploads/2020/09/divi-architecture-firm-blog-post-template-preview-scaled.jpg" alt="Blog Post Template for...

read more
Blog Post Template for Pet Supply Layout

Blog Post Template for Pet Supply Layout

Download a brand new blog post template that matches the Pet Supply layout pack perfectly.[dsm_scroll_image src="https://elegantdivilayouts.com/wp-content/uploads/2020/09/divi-pet-supply-blog-post-template-preview-scaled.jpg" alt="Blog Post Template for Pet Supply...

read more
Transparent Header Sticky on Scroll

Transparent Header Sticky on Scroll

When it comes to setting up a global header for your website, there are many ways to approach it. One of the more subtle approaches is a transparent header. Transparent headers are placed on top of your pages’ hero sections, which can lead to beautiful designs that...

read more
Tarot Layout Pack

Tarot Layout Pack

If you’re looking to set up a tarot website, you’ll want to check out the Tarot Layout Pack. This layout pack has a light on dark design style that matches this type of website very well. You’ll love all the high-quality images, illustrations and icons this layout...

read more
Blog Post Template for Cyber Security Layout

Blog Post Template for Cyber Security Layout

Download a brand new blog post template that matches the Cyber Security layout pack perfectly. [dsm_scroll_image src="https://elegantdivilayouts.com/wp-content/uploads/2020/09/cyber-security-post-template-grid-scaled.jpg" alt="Blog Post Template for Cyber Security...

read more
Blog Post Template for Copywriter Layout

Blog Post Template for Copywriter Layout

Download a brand new blog post template that matches the Copywriter layout pack perfectly.[dsm_scroll_image src="https://elegantdivilayouts.com/wp-content/uploads/2020/09/copywriter-post-template-scaled.jpg" alt="Blog Post Template for Copywriter Layout"...

read more
Custom Image Overlays

Custom Image Overlays

Image overlays are great for engaging visitors by revealing additional content and design elements when hovering over the image. Because this is such a popular design feature, there are many plugins out there dedicated to creating image overlays. However, depending on...

read more
Painter Layout Pack

Painter Layout Pack

A good artistic painter website should showcase the work of the artist with a fresh uncluttered design that lets the artwork speak for itself. And this painter layout pack does just that and more, giving you multiple versatile layouts for featuring projects and...

read more
Custom Show More Toggles

Custom Show More Toggles

Show more toggles can come in handy for a lot of different applications on a website. Traditionally, show more toggles are used to show more text when clicking a show more link (like read more toggles). This is helpful for keeping the initial design more compact and...

read more
Show Images From Multiple Instagram Accounts

Show Images From Multiple Instagram Accounts

Instagram is an excellent way to increase your brand awareness. You can even differentiate your content and post different images on each channel. However, featuring multiple Instagram feeds on your website can be tricky. Smash Balloon is a handy plugin that will help...

read more
Create a Sticky Header with Divi’s Sticky Options

Create a Sticky Header with Divi’s Sticky Options

The way we use the Divi Theme Builder when setting up a website has sped up our workflow and made everything easier. Although we were able to create customized headers from day one ever since the Divi Theme Builder came out, one thing has been requested continuously,...

read more
Pet Supply Layout Pack

Pet Supply Layout Pack

This Pet Supply layout pack includes beautiful visuals that are unique to this layout pack, from high-quality images to custom illustrations, icons and more. The overall style of this layout pack is a perfect balance between playful and professional, which is exactly...

read more
Add Advanced Text Animations

Add Advanced Text Animations

Divi’s built-in animations provide tons of possibilities when it comes to adding that extra edge to your website. These animations, however, allow you to add one animation to one container at a time. While in most cases this is usually more than enough, there are...

read more
Blog Post Template for Cooking School Layout

Blog Post Template for Cooking School Layout

Download a brand new blog post template that matches the Cooking School layout pack perfectly.[dsm_scroll_image src="https://elegantdivilayouts.com/wp-content/uploads/2020/09/divi-cooking-school-layout-pack-blog-post-template-preview.png" alt="Blog Post Template for...

read more
Change the Style of Multiple Elements on Hover or Click

Change the Style of Multiple Elements on Hover or Click

Eventually, in the world of web design, coders and non-coders alike will look to add more advanced customizations and functionality to their Divi websites. Usually, this involves using Javascript/JQuery to change the style of elements on the page for different...

read more
Clickable Accordion Using Sticky Page Headings

Clickable Accordion Using Sticky Page Headings

Divi’s new sticky position options open the door for many new and exciting design possibilities. In this tutorial, we are going to show you how to combine Divi’s sticky position options with smooth scrolling anchor links to create an accordion-like way to index and...

read more
“Save

Pin It on Pinterest