Divi blurb module image hover effect

Add a basic hover effect to your Divi blurb image using a few lines of CSS code added into your theme options or stylesheet. You can change the top/left pixel values to preposition the hover icon and edit the color/size to fit your images.

For some more blurb module hover effects see this more up-to-date post  9 Free Divi blurb module hover effects to copy & paste

Live blurb module hover effect demo

.et_pb_main_blurb_image:hover:before {
content: ‘\55’;
position: absolute;
font-family: ‘ETmodules’;
font-size:50px;
color:#25c1c6;
opacity: 0.8;
top: 35px;
left: 250px;
}

Divi hover effect for blurb module

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close