Orange Pulley Blog
10 CSS Snippets Every Divi Site Should Use (Part 1 of 2)
**** QUICK CHEESY ASK, THESE BLOG TAKE TIME, IF YOU LIKE THEM WOULD YOU PLEASE CONSIDER LIKING MY FACEBOOK PAGE? **** Lots of sites use Divi, by Elegant Themes, for their WordPress theme. I'm rounding up, but I think the last completely made up stat I heard was like...
How to Incease the Size of the Captcha Answer Field in Divi
There are a few small tweaks I wish Elegant Themes would build into Divi...things that many good people have built many good after-market community plugins to fix. This is one of those things. When using the native contact module, the input field always cuts off...
How to Add and Use Animate.css and Wow.js to Divi
**** QUICK CHEESY ASK, THESE BLOG TAKE TIME, IF YOU LIKE THEM WOULD YOU PLEASE CONSIDER LIKING MY FACEBOOK PAGE? JUST PRESS LIKE BELOW!**** I'm not big on animations. Mostly because I believe most users don't care, but also because I think they are over-used (which is...
How to Add an Animated Gradient Background to a Divi Section
In a web world slowly being overcome with micro-interactions, animations are critical to any designers portfolio. And there are lots and lots of animations out there... I'm a simple guy, however, and happen to really like background animations as a low-hanging fruit...
How to Add a Fancier Line After Using Pseudo Classes in Divi
This article shows how to add a fancier line after a heading using pseudo classes in Divi
How to Create a Circle Img with Divi Using the Person Module
The Divi Person module is a solid elements used in virtually every Divi site I've seen. In fact, this is one of my favorite Elegant Theme posts about getting creative with it. While not specific to the person module, another common effect is to make circle images...
How to Create a Fancier HR Divider Line With Divi
Horizontal lines seem to be all the rage latest. Â Not just breaking text up, but they are used to break up H1 and H2 tags...well, hell, ANY HTML tags it seems... No mind. Â Here is a quick video showing a quick CSS to make that HR line look fancy (code below)!...
How to Create a Two Column Gallery Grid with Divi
I did a Divi project recently where I wanted to place a clean tight fitting gallery of 10 images in a 1/3 block on the left and some accordion information in the 2/3 to the right. If you choose the native Divi Gallery module, however, for the 1/3 section then the...
How to Use Divi ETModules Icon Fonts
**** QUICK CHEESY ASK, THESE BLOG TAKE TIME, IF YOU LIKE THEM WOULD YOU PLEASE CONSIDER LIKING MY FACEBOOK PAGE? JUST PRESS LIKE BELOW!**** I have used font awesome quite a bit in several projects (like in menus), but the more I have gotten into speed optimization and...
How to Change Display Text Mobile Centered Dropdown in Divi
Changing the default 'Select Page' text in the centered mobile menu of Divi is handled by functions.php. However, placing functions into your child theme functions.php can be a headache. Fortunately, WP has a way to do it. View the video here, code below, and...
How to Add Lift Hover Effect to Image in Divi
How to add a simple ‘lift’ effect using the box-shadow css property coupled with the :hover pseudo class. I built the effect using Divi 2.7.1 running on top of WordPress 4.5
How to Add Line to Left and Right of Title in Divi
How to add a simple line before and after a title in WordPress using Divi and CSS. Another simple tech tip brought to you by Orange Pulley, LLC.