Browser Prefixes Explained

To understand why browser prefixes are needed we must first understand how CSS comes to be: The rules and guidelines around how CSS works is decided by the World Wide Web Consortium. Before it is released into general use for browsers it undergoes rigorous testing to see how it behaves with existing CSS and other design language rules. This could...

Divi Media Queries

Media queries Media queries can be used to tell your browser what to do at certain screen sizes or resolutions. For example; It is media queries that decide when the top navigation stops and the mobile menu begins. On screens 981px or larger…   On screens 980px or smaller… How it works A media query is made up of a media type and at least...

Changing the order that Divi column’s stack on mobile.

The Divi Page Builder is my favourite tool for quickly building web pages. The modules, columns, rows, and sections all have a smorgasbord of settings that make it easy to change almost any aspect of the set-up. One thing that's missing from those options (at least for now) is the ability to change the way that columns stack on mobile devices. By...

These header modifications are very sexy

You can almost always recognize a Divi built website by it’s header. That’s not a terrible thing, the default header is actually quite lovely. But as the theme grows in popularity we have to find new ways of making sure our work doesn’t look ‘samey’. Here’s a cool header you can build in about 20 minutes, that looks absolutely nothing like...

Adding Arrow Section Dividers to the Divi Theme

Here’s a quick tip on adding section dividers to your Divi Theme powered website. This is a great way to add a little something different to your design and can be adapted quite easily for different shapes, sizes and positions. Going Down 1. Add a CSS class to your section. Open up your section settings and add “arrow-section” without the quotes,...

Why you need a child theme & how to get one.

You absolutely need a child theme, make no bones about it. Why? Because without one, any changes you make to theme files will be lost in the next theme update. Divi is a little different. Through the ePanel and the custom CSS options, there are places to save changes so that you won't lose them with an update, but step outside of cosmetics and...

Changing the standard Divi slider transitions

The default slider module that comes with Divi is pretty cool and for the most part, it does the job. If, however, you have used a third party slider before you may notice that it has a distinct lack of je ne sais quoi (that's French for transitions ;)). By default, there are two slider transitions happening in the slider. 1. The slider...

Divi Module Editor: A very special discount

I absolutely love babies and love being a father. If I wasn't building websites I'd run some sort of daddy daycare. I truly believe humans are at their most interesting before they can talk. I have two step-daughters, two daughters and a son. They are nothing less than the best thing to ever happen to me. No exceptions. Period. For me, the...

Fixing the ‘jumping header’ issue in Divi.

What's the one pain that every Divi user shares? That's right, the jumping header. If you don't know what I'm referring to here then you are the chosen one and I'd appreciate you leaving your contact information in the comments. Here's why it happens; The Customizer - A great tool, but not a perfect one. When you make changes to the appearance of...

Browser Prefixes Explained

To understand why browser prefixes are needed we must first understand how CSS comes to be: The rules and guidelines around how CSS works is decided by the World Wide Web Consortium. Before it is released into general use for browsers it undergoes rigorous testing to see how it behaves with existing CSS and other design language rules. This could...

Divi Media Queries

Media queries Media queries can be used to tell your browser what to do at certain screen sizes or resolutions. For example; It is media queries that decide when the top navigation stops and the mobile menu begins. On screens 981px or larger…   On screens 980px or smaller… How it works A media query is made up of a media type and at least...

Changing the order that Divi column’s stack on mobile.

The Divi Page Builder is my favourite tool for quickly building web pages. The modules, columns, rows, and sections all have a smorgasbord of settings that make it easy to change almost any aspect of the set-up. One thing that's missing from those options (at least for now) is the ability to change the way that columns stack on mobile devices. By...

These header modifications are very sexy

You can almost always recognize a Divi built website by it’s header. That’s not a terrible thing, the default header is actually quite lovely. But as the theme grows in popularity we have to find new ways of making sure our work doesn’t look ‘samey’. Here’s a cool header you can build in about 20 minutes, that looks absolutely nothing like...

Adding Arrow Section Dividers to the Divi Theme

Here’s a quick tip on adding section dividers to your Divi Theme powered website. This is a great way to add a little something different to your design and can be adapted quite easily for different shapes, sizes and positions. Going Down 1. Add a CSS class to your section. Open up your section settings and add “arrow-section” without the quotes,...

Why you need a child theme & how to get one.

You absolutely need a child theme, make no bones about it. Why? Because without one, any changes you make to theme files will be lost in the next theme update. Divi is a little different. Through the ePanel and the custom CSS options, there are places to save changes so that you won't lose them with an update, but step outside of cosmetics and...

Don’t leave before entering to win an iPad Pro! It’s Free!

You may be too early for our Black Friday specials, but you can still enter our competition! Leave your details below and you could win an iPad Pro!

Great you've entered our giveaway! Only one step remaining! Please check your email and confirm it.