Read tips and tricks, tutorials and hacks that can be done with the Divi Builder, the Divi theme or the Extra theme.
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
The Font Awesome for Divi Builder plugin received an important update!!! Font Awesome has changed their apporach in how the icon library can be included with a site - for good. Until now when a new version of the icon library was released you needed to paste a new...read more
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
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
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
The Font Awesome for Divi plugin has been updated! And what an update!!! Font Awesome for Divi Builder 2.2 supports not only the Divi theme, but also the Divi Builder plugin (with any theme) and the Extra theme as well!read more
The Font Awesome for Divi plugin has been updated to include version 4.5.0 of the icon library.read more
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
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
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
At last, the second version of Font Awesome for Divi is out!!! Check it, grab it, use it and rate...read more
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
Happy to announce that The Divi Magazine and the Examples are updated to the latest version of Divi (currently 22.214.171.124). So if there was something you liked in Divi 2.3, now you can have it in 2.4 as well. So head over to the Examples and check how to do them with...read more
Elegant Themes has just announced the launch of Divi 2.4. It is the biggest update in Divi history so far. Read all about it on their blog. I can't wait get my hands on it, so now I'm off....read more
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
If you are a WordPress developer, or you just drafted your WordPress based site on a local machine and want to move it to its final location / domain, then you will most probably need to change all the links in your posts, pages, media … basically everywhere. Luckily...read more
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
The Divi theme can do just about anything for you, including e-commerce. It has built in support for WooCommerce so you can get a nice stylish web store up and running in no time. If you install WooCommerce then a small shopping cart icon is automatically added to...read more
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
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
Divi makes it pretty easy to insert videos from almost any source in any page with the Video module. This is really great and saves a lot of hassle to developers. The videos can be made even nicer looking if they have a frame around them. Some like a chalkboard, some...read more
Divi includes a very nice icon set, the Elegant Icon Font. It has a stunning 360 icons, however that was not good enough for me. 🙂 So I checked around a bit. There are couple of free icon font sets on the web. My personal favourite is Font Awesome, which I believe...read more
First, what do I mean by a clickable section divider? It is an icon usually in a circle which is positioned between two clearly distinguishable horizontal sections on a page. Most of the time the user can click the icon and as a result the page will automatically...read more
Since version 3.5 WordPress has a new color picker, the HiDPI-ready, CSS gradient-based color picker called Iris. Recently when I was developing custom sites for some clients I needed to use their corporate identity colors and I got tired of copy-pasting the different...read more
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
[box type="info"] I realized some code was not working in some browsers, so I updated it and now it's totally browser independent.[/box] The Divi theme is full of wonderful moduls which allow you to do basically anything. The one that I was looking forward to test the...read more
Besides Divi I'm using the Divi Children plugin (developed by Luis Alejandre who runs divi4u.com). It's a great plugin to help you create a child theme for Divi and adds some extra functionality as well. I recently updated to Divi 2.3 where the offset function was...read more
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
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