Title: Add class to Elementor Image Author: Eduardo Villão Published: Junio 16, 2021 Last modified: Januaro 12, 2026 --- Priserĉi kromprogramojn ![](https://ps.w.org/add-class-to-elementor-image/assets/banner-772x250.png?rev= 2579528) ![](https://ps.w.org/add-class-to-elementor-image/assets/icon-128x128.png?rev=2579528) # Add class to Elementor Image De [Eduardo Villão](https://profiles.wordpress.org/evcode/) [Elŝuti](https://downloads.wordpress.org/plugin/add-class-to-elementor-image.1.3.2.zip) * [Detaloj](https://eo.wordpress.org/plugins/add-class-to-elementor-image/#description) * [Pritaksoj](https://eo.wordpress.org/plugins/add-class-to-elementor-image/#reviews) * [Instalo](https://eo.wordpress.org/plugins/add-class-to-elementor-image/#installation) * [Programado](https://eo.wordpress.org/plugins/add-class-to-elementor-image/#developers) [Helpo](https://wordpress.org/support/plugin/add-class-to-elementor-image/) ## Priskribo You need add your custom CSS class to Elementor image widget? Me too! So i created this simple plugin to help. Just install and use the new input in Image widget to add your custom class. ### More plugins? Check my other plugins: [WordPress Plugins](https://eduardovillao.me/wordpress-plugins/) ### WordPress Tips? Check my blog: [WordPress Tips](https://eduardovillao.me/blog/) ### Plugins Suggestions? Please, send to me: [plugins@eduardovillao.me](https://eo.wordpress.org/plugins/add-class-to-elementor-image/plugins@eduardovillao.me?output_format=md) ## Ekrankopioj * [[ * image custom class ## Instalo 1. Install plugin in your WordPress. 2. Open Elementor editor and use the new input in Image Widget to set custom Class. ## Pritaksoj ![](https://secure.gravatar.com/avatar/ff514bce71920b50eec118552a4f9e7385318eaa97c17c8d3ed3b7e376505e1a? s=60&d=retro&r=g) ### 󠀁[Time Saver](https://wordpress.org/support/topic/time-saver-376/)󠁿 [Hasan H.](https://profiles.wordpress.org/nimdaqiu/) Februaro 16, 2026 Thanks Eduardo! The plugin worked perfectly. I appreciate your contributions for us. Keep it up! ![](https://secure.gravatar.com/avatar/1e2cfb6f4f43a6251f436615a36bb3e06e47dbae811250d0f2d6e8eb3bdeb124? s=60&d=retro&r=g) ### 󠀁[Works perfectly!](https://wordpress.org/support/topic/works-perfectly-2864/)󠁿 [Santiago Lope del Palacio](https://profiles.wordpress.org/sldp/) Junio 10, 2025 Needed to exclude some images from lazy loading in WP Rocket, but Elementor adds classes to the parent
, not the image tag. This plugin solved it instantly. Thanks, Eduardo! ![](https://secure.gravatar.com/avatar/dc4537c616e5a70db3933301c9cada1b538625282da279c54b4a07bb53d55e1c? s=60&d=retro&r=g) ### 󠀁[Muito útil](https://wordpress.org/support/topic/muito-util-70/)󠁿 [Caio Ferreira](https://profiles.wordpress.org/caiohferreiradev/) Julio 14, 2024 Excelente plugin para adicionar classes de no-lazyload em imagens. Até então a única solução para esse problema no Elementor. ![](https://secure.gravatar.com/avatar/cef57b2f177c2fa1ff4b499f298618b0857896734c67cef7297f7c38eb940176? s=60&d=retro&r=g) ### 󠀁[Brilliant. Just what I was looking for.](https://wordpress.org/support/topic/brilliant-just-what-i-was-looking-for-4/)󠁿 [BlackSheep42](https://profiles.wordpress.org/blacksheep42/) Marto 26, 2024 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. ![](https://secure.gravatar.com/avatar/a80a189d2ae3d39c43d20f6fd496f47896f4f170e7f5a939e80367c818472ee2? s=60&d=retro&r=g) ### 󠀁[Works Great. Useful.](https://wordpress.org/support/topic/works-great-useful/)󠁿 [Mark](https://profiles.wordpress.org/markob17/) Februaro 28, 2023 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’); ![](https://secure.gravatar.com/avatar/39cac1218d1ff05adb5a2093ae5b2f2b9b4b04fe4d524bea706c021451dc11d9? s=60&d=retro&r=g) ### 󠀁[Doesn’t work with background images](https://wordpress.org/support/topic/doesnt-work-with-background-images/)󠁿 [katandmouse](https://profiles.wordpress.org/katandmouse/) Decembro 20, 2022 I was hoping to exclude background images from lazy loading, but I need to be able to add a class to do it. This unfortunately does not do that. For my needs it’s 0 stars, but I give it 5 stars for other uses, so it’s a 3 average for me. [ Legi ĉiujn 10 pritaksojn ](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/) ## Kontribuantoj k. programistoj “Add class to Elementor Image” estas liberkoda programo. La sekvaj homoj kontribuis al la kromprogramo. Kontribuantoj * [ Eduardo Villão ](https://profiles.wordpress.org/evcode/) “Add class to Elementor Image” has been translated into 2 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/add-class-to-elementor-image/contributors) for their contributions. [Traduki “Add class to Elementor Image” en vian lingvon.](https://translate.wordpress.org/projects/wp-plugins/add-class-to-elementor-image) ### Ĉu interesita en programado? [Browse the code](https://plugins.trac.wordpress.org/browser/add-class-to-elementor-image/), check out the [SVN repository](https://plugins.svn.wordpress.org/add-class-to-elementor-image/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/add-class-to-elementor-image/) by [RSS](https://plugins.trac.wordpress.org/log/add-class-to-elementor-image/?limit=100&mode=stop_on_copy&format=rss). ## Ŝanĝprotokolo #### 1.3.2 * Changed: compatibility with WordPress 6.7. * Changed: code improvements. #### 1.3.1 * Changed: compatibility with WordPress 6.5. * Changed: code improvements. #### 1.3 * Fix: do not working on the latest versions of Elementor. * Changed: Compatibility with WordPress 6.3. #### 1.2.4 * Changed: Compatibility with WordPress 6.2. #### 1.2.3 * Changed: Compatibility with WordPress 6.1. #### 1.2.2 * Changed: Compatibility with WordPress 6.0. #### 1.2.1 * Fix php notice “Undefined index: cei_image_custom_class” in some cases. * Support to plugins translation. * Improve plugins header requirements. * Compatibility with WP 5.8.3. #### 1.2 * Add support to “Featured Image” Widget (Elementor PRO). * Compatibility with WP 5.8. #### 1.1 * Add support to “Image Box” Widget. #### 1.0 * Initial release. ## Metadatumoj * Version **1.3.2** * Last updated **antaŭ 4 monatoj** * Active installations **1.000+** * WordPress version ** 5.5 or higher ** * Tested up to **6.9.4** * PHP version ** 7.0 or higher ** * Languages * [English (US)](https://wordpress.org/plugins/add-class-to-elementor-image/), [Italian](https://it.wordpress.org/plugins/add-class-to-elementor-image/), kaj [Portuguese (Brazil)](https://br.wordpress.org/plugins/add-class-to-elementor-image/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/add-class-to-elementor-image) * Tags * [custom class](https://eo.wordpress.org/plugins/tags/custom-class/)[elementor](https://eo.wordpress.org/plugins/tags/elementor/) [elementor pro](https://eo.wordpress.org/plugins/tags/elementor-pro/)[lazy load](https://eo.wordpress.org/plugins/tags/lazy-load/) * [Altnivela rigardo](https://eo.wordpress.org/plugins/add-class-to-elementor-image/advanced/) ## Pritaksoj 4.8 out of 5 stars. * [ 9 5-star reviews ](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/?filter=4) * [ 1 3-star review ](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/) ## Kontribuantoj * [ Eduardo Villão ](https://profiles.wordpress.org/evcode/) ## Helpo Got something to say? Need help? [Vidi helpforumon](https://wordpress.org/support/plugin/add-class-to-elementor-image/) ## Donaci Ĉu vi volas subteni la pluevoluigon de tiu ĉi kromprogramo? [ Donaci al tiu ĉi kromprogramo ](https://eduardovillao.me/)