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…”

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!”

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”

Hovering color cycle with linear-gradients!

Namaste! I was on a site for a program used to manipulate/organize SVG files and I ran across what I think is a really cool effect. When you hover over the download link you get a color strobing effect. My first thought was, “How do they do that!” I fired up the inspector and found that they were doing it … Continue reading “Hovering color cycle with linear-gradients!”

Parallax with Divi

    Namaste! Over in one of the Facebook groups someone asked how they could duplicate this page with Divi. Basically, it is a parallax scrolling page where as you scroll the next background image rolls in. They combined this with a javascript library to fly some text boxes in from the side. Just for fun I looked up the interest in … Continue reading “Parallax with Divi”

Really, another brick?

Oh for God’s sake, he posted another one. Can’t someone tell him to stop?! -everyone on the Facebook Divi Groups Welcome to part 2.5 of my tutorial to add a masonry output to the Divi theme without using a plugin. I’m labeling this 2.5 because I originally promised to use the Masonry.js library and got a bit distracted. Instead, I’m … Continue reading “Really, another brick?”