Orange Pulley Blog
How to Increase the Text Field Height on CCF7
A request was made on how to increase the height of the name field only. Â Challenge accepted. CSS used to increase the height of the name input only: .your-name > .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { height: 125px; } [contact-form-7...
How to Text Uppercase the Divi Mobile Menu
How to Make Mobile Menu Uppercase in Divi. (hint – it’s a one-liner…)
How to Move Down Arrow Down in FullWidth Header Module in Divi
I really like Divi, by Elegant Themes. If you read any other blog posts here, you’d know this by now! And the Fullwidth Header module is so sweet…I use it all the time…like on my home page…BUT, one thing that has always annoyed me is the dang down arrow location on mobile devices!! It hovers hopelessly over the buttons…
Beautiful Reese Child Theme Effect
If you are looking for gorgeous child themes to bolt on to your Divi environment, you should absolutely check out the Elegant Marketplace. I recently saw this one, Reese, posted and was enamored by it for sure.One of the immediate effects is a 'double box' effect...
How to Add Simple Line Before or After with Divi
Using the before and after pseudo classes is a very common and useful technique in building beautiful websites; or, at least, modern ones! A simple technique I like is added 'small horizontal lines' before or after headings. (This CSS should work anyway, though.)...
Awesome Background Scroll Effect in Divi
I'm just gonna leave this right here: https://besuperfly.com/recreating-the-divi-builder-demo-macbook-effect/ The folks at Be Super Fly successfully and clearly documented how ET added this clean effect on their demo site. If you are into time savings and need help...
Pattern Background in Blurb Module in Divi
The majority of this inspiration came from this article. The first effect is a subtle light shadow to accent black text on a black/grey background. Obviously getting light on dark or dark on light work, but getting dark on dark seems to...
Learning WordPress – Where to Begin? Consider Udemy…
I've recently seen Udemy everywhere. Just "randomly" in all the advertising on my webviews, Facebook, etc. In general, I'm a fan, though I have not paid for any courses at this time. Recently I was introduced to this massive consolidated resource on their free blog...
How to Make the Telephone Number in Secondary Navigation Clickable in Divi
One of the most useful features I use on almost every site I deploy with Divi (which is all of them) is the secondary/top navigation bar. Being able to have a consistent display of phone and email (as well as the actual second menu) is extremely helpful to your...
How to Apply Grey Saturation First, then Add Color on Hover in Divi
In a recent post I showed how to Add Grayscalee (NOTE - works in Chrome only right now) and was asked how to do the opposite. So, in this post I'll show how to do that and post the CSS below. It revolves around using webkit-filters so not all browsers support it, but...
How to Add Neat Hover Animation on Blurb Icon in Divi
I set out to add a neat hover animation on the blurb modules throughout a site. I usually create my own classes and apply them individually, which has become way easier now to re-use with Divi's Global Modules, but for this site I just used the default et-pb-icon...
How to Fix LinkedIn Hover in Monarch on Divi
I love using Divi by Elegant Themes. I love Monarch for that matter, too. I have never had any problem with Monarch, but recently I deployed a site which used LinkedIn for a social follow and I noticed a strange 'on hover' problem with the LinkedIn sharing option. The...