If you want to add an image overlay to an image on hover like in the Divi showcase screenshots that shows the red corner triangle, then you can add the following custom CSS into your Divi child theme CSS file o into the Divi options panels custom CSS box. Then attach the star class to the blurb module you want the effect to appear on. The following code targets the image in a blurb module, so you will need to change the bit after .star if you are targeting an image elsewhere.

.star .et_pb_main_blurb_image:hover:before {
content: url(http://www.divithemeexamples.com/wpcontent/uploads/2014/11/morestar.png);
position: absolute;
fontfamily: ‘ETmodules’;
fontsize:50px;
color:#3399ff;
opacity: 0.8;
top: 0px;
right: 0px;
}

 

Elegant Themes' Black Friday/Cyber Monday sale is still on if you want 25% discount! Dismiss

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