Add class to Elementor Image

Thanks Eduardo!

The plugin worked perfectly.

I appreciate your contributions for us. Keep it up!

Needed to exclude some images from lazy loading in WP Rocket, but Elementor adds classes to the parent <div>, not the image tag. This plugin solved it instantly. Thanks, Eduardo!

Excelente plugin para adicionar classes de no-lazyload em imagens. Até então a única solução para esse problema no Elementor.

I use SiteGround for my hosting. It’s built in caching plugin has a lazy load setting. Unfortunately this broke a particular grid layout in my design. There is an option to stop lazy loading on and individual basis by adding the class “skip-lazy” to the desired image. This plugin allowed me to do just that.

• This topic was modified 1 year, 12 months ago by BlackSheep42.

Was trying to figure out way to add a class only to my featured images in my Elementor layout for blog posts, so I can disable lazyload on them, and this plugin works great. Highly recommend it. That said, I ended up deciding not to use it since I found a Functions.php code snippet that worked for my needs. I prefer to not use additional plugins if I can help it. But if you need more granular control over classes on images and you use Elementor, this plugin is what you need.

But if you just need to do what I did, here’s the snippet that worked for me:

function db_add_class_to_single_featured_image($attr) {
    remove_filter('wp_get_attachment_image_attributes','db_add_class_to_single_featured_image');
    if ( is_single() ) {
        $attr['class'] .= ' no-lazy';
    }
    return $attr;
}
add_filter('wp_get_attachment_image_attributes','db_add_class_to_single_featured_image');