Listing Category: General know-how

Animated Border Effect for Divi Button Module

In this tutorial we will apply a nice animated border effect to Divi Button module on hover state.

Create a scrolling image on hover – Great for previews or to showcase something

Recently I’ve seen a number of folk ask how to reproduce the scrolling image effect that seems to becoming more popular these days so I decided to figure it out and create a tutorial on how to do it. You can check it out on in here…

Easily Add Documentation to Your Divi site using a simple plugin

ET recently updated their own documentation and it got them thinking that this might be an issue many in the community are interested in for their own products/services….

Clickable Body Text in Divi Blurb Module

“I had a go at writing something about extending the clickable area in blurbs to include the body text as well. Hope this is useful to someone…”

Four Column Blog Grids in Divi Theme

“We don’t know why the default for Divi Blog Modules in Grid layout uses three columns only. We suspect that, given the default word count for blog excerpts, using four colums would have made blog grids look very narrow (and very tall). This article is going to…..”

How to give Image Hover Zoom Effect on Divi Blurb Module

“Blurb modules are incredibly handy because they package up an image and some text into one module. This makes it easy to move them around and to style them. We will use some CSS to achieve the effect we are looking for. We strongly recommend you use a child theme for this…”

Creating a 404 Page in Divi Theme

“In this tutorial we will aim to use a page from our website as a 404 error page but to do this without needing a plugin. We will be able to create and edit the error page ourselves using Divi Builder etc…”

Disable Sidebars in Divi Theme

“We are not huge fans of sidebars. Here is the argument against them…. They narrow your page. Modern design tends to favour wider layouts. Widescreen devices are very standard on the desktop. If you prefer longer pages and posts, having a sidebar makes for an awful….”

Adding a Title On Top of An Image in Divi Theme

“A Blurb Module is a much better choice for this, simply because it provides a handy package containing both an image and a piece of text (in fact two pieces of text – the title and content) into a single element that we can style with CSS….”

Two Line Titles for a More Responsive Layout in Divi

“When you write a title it’s a reasonably assumption that it is only going to take up one line. But that isn’t always the case and if the row is narrowed, the title may wrap onto a second line, pushing everything below it down the page and miss-aligning other elements…”

TUTORIAL AWESOMENESS

TUTORIAL AWESOMENESS

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