Category: Divi

Divi Tutorial – Header with an extra row for content

This one’s a bit hard to explain in words, but it’s really cool when you get into it. Here’s another header hack / tutorial for you. (Check out some more header related tutorials: Click here) It’s quite a bit of frustrating work to make it, but for you, it’s not too hard to do… because […]

Divi Tutorial – animating button backgrounds

Let’s learn how to make some cool CSS based button animations. This one’s relatively easy. Let’s start with the video:   This is a gradient button This is a gradient button This is a gradient button This is a gradient button   The trick is giving the background a gradient, make it larger than double […]

Divi – Styling the blog module

Hey guys, here’s a really easy way of adding two layout options to the blog module. The code First, take this CSS snippet, and add it to the theme. (Divi > Theme Options > Custom CSS) Note: You can change the % to change the ratios. Also, they just stack on mobile.   Remember: This […]

WP 5 + Divi 3.18

Hi! I’m writing this in Gutenberg. Woah.  Is it good? We’ll see.  I’m not on Divi 3.18 though, this is Extra 2.17 (which is the equivalent, since Extra is a version number behind) It feels surreal though. Normally I write blog posts in the text editor mode, not the visual editor, nor the Divi builder. […]

Take control of the contact form

Online course: Learn how to make awesome contact forms that will upgrade your web development! (With some simple copy paste)

Divi Tutorial – Blog Category Pages

Here’s how to customize the blog page / the category archive page. Oh boy.. this is one of the most requested Divi updates ever, isn’t it? This and the header. Yikes. As for the header, give these guys a check before you lament about the lack of custom headers.   Get the essentials first   […]

Divi Tutorial – Make your own custom megamenu

Have you tried to add a mega menu to Divi? Not very fun, eh? Well, there’s this to start with: //www.elegantthemes.com/blog/divi-resources/adding-images-to-your-divi-mega-menu It’s sort of like a mega menu.. but doesn’t give you enough creative freedom. So.. we go on to another method. The video   Details   We need two things to get this done. […]

WP Tutorial – Styling Various Contact Form Plugins

Here’s a simple rundown of styling most/all contact form plugins, and tips on making them look great.

Divi tip – Vertical controllers on slider

Here’s how to put the Divi slider/gallery/carousel controller dots to the side. Compared to my other tutorials, this one is probably one of the simplest. Just a snippet of CSS, and you’re DONE. woot. I won’t even make a video for this one. haha I will have to explain some stuff though.. NOTE: Hey, something […]

Divi Tip – Making the social links open in a new window

Have you ever noticed that Divi’s social buttons do not open in a new window/tab? What’s up with that??? So here’s how to make the edits so Divi will open the social media buttons in a new tab/window. Video Let’s start with a child theme. If you don’t have a child theme, you should, so […]

Divi Tutorial – Custom layout fullscreen menu

Here’s a cool way of making the full screen menu much much much cooler. With a custom section! You can pretty much make your own screen. Here’s what it will look like:   So this one’s fun. The video   You’ll need to gather the following ingredients. What you need 1. Child theme. Get them […]

Divi Tutorial – Adding Hover Overlay to the Blurb Module

Hey guys, let’s learn how to transform a Divi blurb module into a cool mouse hover block. Preface: I do NOT like mouse hover actions on mobile devices. It makes no sense. Also, I think it’s outdated, and the websites that still have it are just not modifying legacy behavior to fit the mobile scene. […]