Listing Category: Tutorials

Layout Design Tips to Optimize Your Divi Web Content

Layout design isn’t as simple as just adding text and images to your page and hoping for the best. A stellar layout can help to attract viewers and guide them to the most important sections of your content. Thankfully, there are plenty of strategies you can employ to make the design process easier. In…

Create a Slide in Top Bar Ad

As I mentioned a few days ago with my post on how to add a floating action button to your site using the Divi Code Module, I’ve been creating more pens on for use with Divi–both with Code Module for single posts or pages as well as Divi’s theme options for site-wide…

Add a Logo to Extra’s Secondary Menu

Not long ago I created and gave away our first Free Extra Category Layout Pack. The response was great and so I’ve begun work on my next one: an Extra Category Layout for a video blog. In the process of creating it I realized that something I did on the demo site might be something the community would…

Add a Floating Action Button

In today’s post I’m going to show you how to use the Divi Code Module and a codepen code generator I created to add a floating action button to your website…

How to make your own website with Divi – The complete beginner’s guide

Series of 6 videos about how to make your own website with Divi, the versatile WordPress theme from Elegant Themes, including the renowned Divi Builder, a page builder that will make you life a lot easier if you want to make your own website. Whether you are someone who wants to start blogging, have a local business or want to build websites to promote your cause, Divi will help you make your own website in a way that will make your websites look very professional…

Must-Read Divi Tutorials From 2016

Year 2016 became apparent that both we and the community wanted a lot more Divi content in general–not just for special occasions. As evidence of that some of our most popular and engaging content this year were Divi tutorials. In today’s post I’m highlighting ten that I feel are must-read for anyone using Divi in our community…

Use Divi Leads to Measure Your Portfolio Site’s Effectiveness

In this post we’ll be taking the minimal portfolio website that we build over the last four days and setting up some tests to help maximize it’s effectiveness. To do this we’ll be using Divi’s built-in A/B testing system Divi Leads….

Create a Compelling About Page for Your Portfolio Website with Divi

In today’s post we’re going to finish off our minimal portfolio website with a simple and (hopefully) effective about/contact page….

Using Filters, Hero Sections, and CTA’s to Expand a Minimal Portfolio Homepage

In today’s post I’m going to show you how to add some alternate styles to the minimal portfolio homepage. My goal is to provide a few simple additions and alternatives that we can test later using Divi’s A/B testing system Divi Leads…

Create a Minimal Portfolio Homepage with Divi

In writing this series my primary goal is to show you how to create an extremely simple portfolio website in which the only two things a visitor can do is look at creative projects or contact the artist. That’s the whole point of a portfolio website after all, right? So why complicate it!…



Join our mailing list to receive latest news and updates from Divi theme tutorials directory.

Get inspired once a week with a list of hand-curated tutorials by top experts on how to increase your website building skills. It's quick, it's easy, it's the best way to increase your productivity.


You have Successfully Subscribed! Please Confirm the Subscription from your mail

Divi ‘tumblr’ Style Fullscreen Scrolling Child Theme See it in action!