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.