Listing Category: Image

Image Hover Zoom Effect in Divi Theme

“Adding a zoom effect to an image on hover isn’t enormously difficult and it creates interest and, if you have a link on the image, gives some visual feedback. “

Microinteractions That Will Make Your Divi Site More Enjoyable

“Today I’m going to show you some simple microinteractions that work seamlessly with Divi. Some of the more advanced microinteractions require more advanced jquery to implement. But, for this tutorial, I’m going to show you how to add some animations using only CSS. I’ll be concentrating on those elements that users normally interact with – buttons, icons, images, and forms….”

Don’t display alternative text in Lightbox

Is it possible to write something in the alternative text of the image module and NOT display the alternative text when you click on the image and open it in the Lightbox?

Remove + sign and replace on Divi Images

Is there a way to target the + sign and replace it with some other icon or even text?

Divi Image Module Shortcode

By using the image module of DIVI theme we can upload the image to our WordPress site in a proper manner. This module automatically decides the size of the image. We can upload the single image or collection of images on the first page as per our desired design. We can upload the image to any place of the website page with animation and image title…

Image Module Shortcode

Images play an important role in enhancing our website design. It acts as the storytellers, which allow people to visualize our product or facilities in a better way. It is noticed that website with beautiful images are mostly viewed more as compare to others. Sometimes Image Module’s features are crucial where we cannot use divi builder so in that case we can use Fullwidth Image module shortcode for adding any image….

How to Add Lift Hover Effect to Img in Divi

How to add a simple lift effect on hover using box-shadow. Built using an image module in Divi. I left some older CSS in my stylesheet that kept the transition timing towards the end, either way, the CSS used can be found here…

Place Pictures in Image Module without Stretching or Squeezing the Image

Using the image module can be a great solution for a portfolio or grid album look, but when some images are taken portrait and landscape you can have some images look great and some look squished or stretched. This can really hold true when viewing from a mobile device….