Read tips and tricks, tutorials and hacks that can be done with the Divi Builder, the Divi theme or the Extra theme.

4 tips for a safe WordPress update

Some 6 months ago I joined the support team of Modern Tribe, the creators of The Events Calendar plugin. Usually, when a new release comes out (maintenance or major) the number of questions and complaints increases in the support forums. Sometimes new bugs are discovered and occasionally an update wrecks a website, no matter how thoroughly the QA team tests it before release. These complaints have inspired this post.

read more

Divi Theme History

The amazing Divi 3.0 is out (for some time now) and fellow Divi enthusiast, Andrej found this the right time to put together an infographic on the history of Divi. Without further ado, here it comes:   Andrej is a Divi theme lover and he's running the blog...

read more

Divi + Icon Fonts + WP Rocket + CDN

Using Divi with a child theme and a CDN might result in the ETModules font icons not showing. Here's the solution. This is a fresh experience. Like happened 15 minutes ago. A client of mine is just setting up a CDN for his site. (MaxCDN to be exact.) And we chose to...

read more

Interactive slider with Divi Builder

This has been long in the making but finally it is here. The tutorial on how to create an interactive clickable slider with Divi.

Two important notes as a start:

Note 1: This is an intermediate level tutorial. You will need to work a bit with your browser’s developer tools (or the Firebug extension) to check some CSS and you will need to work with CSS. Don’t be afraid, it sounds more scary than it is.

Note 2: This tutorial covers the creation of an interactive slider for the Desktop view only!

It is possible to create interactive sliders that work in Tablet and Phone view as well, but they require much more work. And I personally think that interactive sliders are a pain to use on small screens, so see my recommendation for this at the end of the article. And now let’s get interactive!

read more

Divi Builder Admin UI revisited

Updated to Divi 2.6.x!

Happy 2016 to everyone! Hope you all had happy holidays with lots of joy and good food. I’m still trying to recover, so I’m taking it easy. πŸ™‚ This gave me some time to re-check how the admin UI of the “new” Divi can be improved.

A lot has changed since February 2015, when I posted the first article on this topic, which was still done pre Divi 2.4. Since then we have a more enhanced Divi with more options, more user-friendlyness and more of everything, thanks to the dedication of ET. And we also have the amazing Divi Builder plugin which you can use with any theme you want, and we have the Extra theme, which is also based on the Divi Builder. (Thanks guys! You are the best!!!)

And this brings us to the first big improvement of this trick: it WORKS WITH ALL THREE: the Divi Builder, the Divi theme and the Extra theme.

The UI of the Divi Builder also has changed dramatically to its advantage. But for me there was still some “room for improvement”. πŸ™‚ I’m always looking for ways to optimize things that make work (or fun) easier whether it’s less clicks, less scrolling or more data on the screen. So read on to find out how you can have a Divi user interface that makes your work faster.

read more

More Font Awesome icons in a blurb

To follow up last weeks post about using Font Awesome icons for a blurb instead of the built in Elegant Font icons, and as promised, here is what you can do to make it easier, faster and using less code and clicking to use them in blurbs all over your site.

Note 1: This post is not about using more than 1 icon in one blurb! Why would you anyway, right? πŸ™‚

Note 2, to set the expectations: This solution needs some very minor technical experience (basically search and copy-paste). The solution IS simple, however it does not provide a super-simple click-and-drag-and-it-works solution. (I’m thinking about one, but it’s a tad bit difficult.)

read more

How to replace the blurb icon with Font Awesome

Last week I received a help request from John. He was trying to replace the blurb icon from it’s original Elegant Font to a Font Awesome icon. He did some pre-work, so half the credits go to him. Only some tricky finishing touches were needed.

I thought that other Divi users would be interested in this, so here it comes. Click on the title to see how you can do it yourself. It requires adding some CSS to your style sheet and maybe playing around with it a bit for proper adjusments.

read more

Out of Office

The chief editor of Divi Magazine - me πŸ™‚ - got caught up in family life. πŸ™‚ My second daughter was born early this summer and if you have kids, you know what that means. πŸ™‚ In case you don't have kids, I strongly recommend having at least 1! Better 2 or 3! It...

read more

Easily save layout sections in the Page Builder

When I started building sites with Divi I loved the ease-of-use of the Page Builder. Very soon I realized I will have sections of pages that I will want to reuse and don't want to recreate. Let it be only a section at the very end of a page with some copyright info or...

read more

Mind the gap!

The different sections, rows, column setups and modules in Divi offer great flexibility for any webpage. The options are really limitless. There was one customization option though, which I was missing dearly: removing the gap between the different modules, so they...

read more

Enabling Comments with PageBuilder

The Page Builder in Divi lets you create a page with basically any type of layout and content. Whatever you want. However, by default, your visitors cannot leave you comments and other loving messages on the pages build with Page Builder, even if you have the Allow...

read more

Divi 2.3.2 released

Yesterday I read about the coming Divi 2.4 update, which will be packed with a whole bunch of new features. (Read the Elegant Themes sneak peek here.) It's going to be amazing! Today I was surprised to see on my Dashboard the Divi 2.3.2 update being available. I...

read more

The divi magazine opens Store

I'm very happy to announce that we opened up our Store! You will find here custom codes and plugins for download and for purchase. As for now there is one product available, FOR FREE: the resources for the iPad Slider, about which I wrote an article earlier. Of...

read more

More efficient admin UI in Divi

When I first saw the Divi theme from Elegant Themes (ET) I immediately fell in love with it. The theme is flexible enough to create ANY type of website with a drag and drop interface and loads of different modules for any purpose you can think of. I started using Divi...

read more

Custom design for comments in Divi

Divi is an amazing theme for WordPress developed by Elegant Themes. It is a very complex theme, yet easy to use, flexible and customizable. I fell in love with it the first time I saw it and soon the website of the company I'm working for will be launching it's new...

read more
Share This