Category: CSS Tutorial
Logo as Fixed Divi Mobile Menu Button (Default Header + Centered Inline Formats)
I recently did this on a friend's site and figured this might be something others would like to use to change up their mobile menu. It's not a whole lot of CSS and makes the mobile menu easier to access. And not so Divi-looking lol. If you use Divi's...
Customize the Default WordPress Footer Layout with CSS Grid
The default footer area in WordPress can feel a bit cumbersome. Even if you're using a theme with footer layout options like Divi has that still won't give you full control (and better responsiveness) like CSS Grid can, and you can't add rows if you need...
Custom Image Hover Boxes Using the Divi Code Module
I was cleaning up one of my demo installs and came across this hover box I made one of the many times I was playing around with code. It's a simple hover effect with a button, a grid of these could link to different shop category pages (like the example...
Change “Submit a Comment” Title and Add Extra Copy
There was a question I answered in one of the many Divi FB groups I'm in asking if it was possible to change the "Submit a Comment" text at the bottom of blog posts, and to also add a bit of extra text underneath it. Figured this would be a good snippet...
Gravity Forms CSS Styling – Misc. Looks
I love creating different styles for Gravity Forms using CSS so I've curated a few in this post so you can quickly access the code and view the demos. When I have new ones I'll add them to this post!For all of these the CSS can go in your Divi theme...
Caldera Forms CSS Styling – Misc. Looks
I love creating different styles for Caldera Forms using CSS so I've curated a few in this post so you can quickly access the code and view the demos. When I have new ones I'll add them to this post, hopefully they'll come in handy Even though I work in...
Make Your Entire Divi Site Wider on Mobile
This is from my #diviquicktip CSS snippet series in which I post different quick CSS fixes on my Facebook page whenever I come across some of the most common pesky Divi quirks. Example: default 80% width Problem: Have you ever wanted your whole site to be...
Make Your Divi Slider Wider on Mobile
This is from my #diviquicktip CSS snippet series in which I post different quick CSS fixes on my Facebook page whenever I come across some of the most common pesky Divi quirks. Example: before Problem: Have you noticed on mobile your slider looks too...
Stop Button Text From Showing Up Divi Blue
This is from my #diviquicktip CSS snippet series in which I post different quick CSS fixes on my Facebook page whenever I come across some of the most common pesky Divi quirks. Example: before Problem: Have you ever noticed that even when you have the...
Add Text to Monarch Popup
This is from my #diviquicktip CSS snippet series in which I post different quick CSS fixes on my Facebook page whenever I come across some of the most common pesky Divi quirks. Example: Problem: Are you a Monarch user like me? I love it and it's my go-to...
Hide Elements That Stretch Your Website
This is from my #diviquicktip CSS snippet series in which I post different quick CSS fixes on my Facebook page whenever I come across some of the most common pesky Divi quirks. Example: Problem: Do you ever have elements in your design that "stretch" your...
Center Align Divi Fullwidth Header Buttons on Mobile
This is from my #diviquicktip CSS snippet series in which I post different quick CSS fixes on my Facebook page whenever I come across some of the most common pesky Divi quirks. Example: Problem: When using the fullwidth header module the second button has...
Blog Grid with Categorized Colors (Background or Top Border)
This tutorial came about because of a question that came up in a Facebook group that I'm in. I only know how to do this because of the help of my good friend and super-awesome web developer Terry Hale of Mizagorn, Ink. He pointed me in the right...
Side By Side Customizable HTML Buttons
Divi's button modules are great, but sometimes you want them side by side in the same column, or maybe you just need a whole row of several buttons. The specialty section can be a solution in some cases but I prefer just using some simple HTML and CSS to...
Social Media Follow on Left Sidebar (like Monarch)
Have you ever wanted your social media links on the left side of your site like Monarch, not to share but just to link out? In this quick tut there's a little snippet to put the social media follow module fixed to the left side of your site (instead of...
Use a Blurb as a Fixed Click-To-Call Button for Mobile
A question came up in one of the Facebook groups I'm in (please join if you're not a member!). Someone was asking for suggestions for a plugin to put a click-to-call button on the lower right corner of their site, but only when viewing on mobile. This...