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.