FREEBIE
10 Simple Blurb Hover Effects
By Richard Pruzek
View the Demo
Download File
Buy Me a Coffee
How To Use the Layouts
In your WP administration, go to Divi → Divi Library. Click on Import & Export. Select the downloaded JSON file.
Click on the page where you would like to use your preferred blurbs. Run the Visual Builder. Add a new section and select “Add From Library”. Select your preferred layout. In each section, there’s also a code module with custom CSS for each blurb.
Depending on the width of your website, you may want to adjust the width of the blurbs’ row for smaller screens. Don’t’ forget to give a custom class to your row(s). Here are the values that I used:
@media only screen and (max-width: 1602px) {
.your_custom_class.et_pb_row {
width: 90%;
}
}
@media only screen and (max-width: 1425px) {
.your_custom_class.et_pb_row {
width: 95%;
}
}Source of inspiration: tympanus.net
Let me introduce myself...
My name is Richard and I created my first website early at high school. I love the world of web design as well as the amazing and supportive Divi Community. As for the services I offer, I mostly work with firms and take care of their online presence but I also work as a sub-contractor for other web design studios.
El fichero .json está roto. No se puede importar a la biblioteca DIVI
j’ai suivie le tuto à la lettre mais rien ne marche chez moi
Hi Leonnel, I can help you it you send me an email in English 🙂
ok I imported the Json file in my divi library but I can’t find them in the section of my page
I imported the Json file in my divi library but I can’t find them in the section of my page
That’s strange. If you share your WP login details with me, I can take a close look. kindly write me at info (@) richardpruzek.com
Thank You
You’re welcome!
Dear Richard,
I will go straight to the point. I am not an expert in web designing it’s totally the opposite I am just trying to set up my own website for my busness and i came across your post as i was looking for the best way to improve the blurb module. I managed to download the json file and include it to divi library . I had access on to the “Add from library” until then everything was fine the main problem is to get the hover effects operate. I noticed that there is a text module with a kind of code in it that I am probably supposed to place somewhere to get the hover effect working. Would you be so kind to show me how to do please.
I look forward to heari,g from you.
regards,
Patrick
Hi Patrick! I’m happy to help you. Can you please send me an email to info (@) richardpruzek.com with login details to your WP Dashboard? I can then record a video explaining how I did it.
Thanks, have a nice rest of the day!
Richard