You are Divine!

Namaste!! Note: There has been updates to the Divi theme that make some changes to the code. This tutorial was written about pre-Divi 3.0.45, but having said that, ET was careful to update in such a way that old code still maps nicely. That means that these tutorials are still germane (at least as of May 13, 2017), but we … Continue reading “You are Divine!”

Splitting the difference

Namaste! ***UPDATE: I didn’t realize earlier, but enqueueing the multiScroll.js library on non-split screens will break the scrolling capability of the page. I have updated how we enqueue the library to get around this. This tut will look at how to use the multiScroll.js library in Divi. This library is used to create divided multi-scrolling pages where half of the … Continue reading “Splitting the difference”

Starry, Starry Night

Namaste! This tutorial is somewhat specialized. Over on Facebook, someone asked how to implement a specific Codepen in Divi. The overall tutorial is pretty specific to this Codepen, but is useful if you want to learn a little jQuery and more about the power of keyframes, so let’s get started!   So, here is a link to the original Codepen. Basically, … Continue reading “Starry, Starry Night”

Images going through my head…

Namaste! SO, you want a full-width header, but want it to populate with a new image each time the user visits? This tutorial will show you how to do that, plus how to use javascript to create a slider effect in your header. I chose to put together a demo of the later that you can see here, but the … Continue reading “Images going through my head…”

Where’s Waldo?

Namaste! Your client just asked you to make a map of their store, where the user can click to find out more information about each department. Can you do it? That is the subject of today’s tutorial!I’m electing to accomplish this using SVG graphics. There are several other ways to do this (using <map> for example). Fair warning, I’m using the … Continue reading “Where’s Waldo?”

jQuery to the Rescue!

Namaste! An issue that has been of some contention in the Divi world is the lack of a privacy/terms-of-service checkbox in the ET Bloom plugin. This is essential users in many countries where it is the law that this is present. Today, I’m going to give you a quick tutorial on how you can accomplish this with some jQuery and … Continue reading “jQuery to the Rescue!”

All the pretty colors…

Namaste! Just a quick post today to show you all my latest free plugin. I use the code module to put additional HTML into my Divi pages. I use it less often, but occasionally to put in a block of inline style or a script. Overall, using the code module is not a generally pleasant experience after coming out of … Continue reading “All the pretty colors…”

Div transitions

Namaste! Well, luckily with animation, fantasy is your friend. Steven Spielberg This tutorial was once again inspired by a question from Facebook. Not on my prefered page (Divi Theme Tutorials), but I won’t hold it against them! The person was looking at Elegant Themes newly designed page and noticed that there was a CTA just above the footer that changed … Continue reading “Div transitions”

ScrollMagic Fun

Namaste! Today I’m going to try and introduce you to a great javascript library called ScrollMagic.js. I say try because this library lets you do so many things based on the users scrolling that I’ll just be scratching the surface. For example, this library nicely incorporates the extensive Greensock animation library, which I won’t touch on at all today.  This … Continue reading “ScrollMagic Fun”