March 26, 2020

10 Simple Blurb Hover Effects

$

View Demo

Download Freebie

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

Subscribe to Download the Freebie

You’ll receive an email with a link to download your file. If you are my subscriber already, don’t worry, you won’t be added twice 🙂

10 Hover Blurbs Effects
0 0 votes
Article Rating
Subscribe
Notify of
guest
1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
ewe
ewe
2 months ago

this is very nice
unfortunately the blurbs are note really responsive

$49

Check out my new Divi child theme

Tias is specifically designed for plumber, electricians, handymen, interior designers, contractors & more

Check These Divi Resources, Too: