Today I am going to show you how to replace the Divi search button with an icon in the search module in such a way that if you later decide you want to use the button instead, you can just activate it in the module without having to change any of the CSS
Pricing Table With Toggle
Hey! For Day 21 of the Awesome Advent Calendar I have a reverse hover effect gallery for you.
Divi has great built in hover functionality, but one thing you can’t do is affect the items NOT being hovered. Using the gallery item parent container and the :not pseudo element, I’ve faded out the non-active images and displayed the image title so the focus is on the image being hovered. There is very little additional CSS and you can adjust the filter effect in the code module to style the non-hovered images however you choose.
How do you get it?
As the advent calendar is finished, you can now download all 25 freebies in one handy zip file. Just hit the button below to subscribe and I’ll deliver them to your inbox!
Learn how to create Divi Child Themes that sellDivi child theme course - Reloaded!
- Use your existing industry knowledge to define and harness your niche
- Productise your business with affordable website solutions for clients
- Add a new revenue stream to your business that pays while you sleep
Struggling with Divi?
Divi themes & kits
You might like!
Anchor links are used to navigate to specific content on a page rather than simply between pages themselves, and mastering anchor links in Divi is actually very simple. In this tutorial, I’m going to show you three ways to use anchor links.