[X] I have searched for similar issues in open and closed tickets and cannot find a duplicate.
[X] I have troubleshooted my issue, and it still exists against the latest stable version of Elementor.
Description
Call to action element with classic skin does not show the featured image. inside 'elementor-ctabg-wrapper' we have a div that has classes 'elementor-ctabg elementor-bg'
this div have inline CSS (background-image: var(--e-bg-lazyload-loaded); --e-bg-lazyload: url();)
It should be (background-image: var(--e-bg-lazyload); --e-bg-lazyload: url();)
The text "-loaded" is extra and should be removed.
Steps to reproduce
just use the call to action element and attach an image in the classic skin.
Expected behavior
inside 'elementor-ctabg-wrapper' we have a div that has classes 'elementor-ctabg elementor-bg'
this div have inline CSS (background-image: var(--e-bg-lazyload-loaded); --e-bg-lazyload: url();)
It should be (background-image: var(--e-bg-lazyload); --e-bg-lazyload: url();)
The text "-loaded" is extra and should be removed.
Isolating the problem
[ ] This bug happens when only the Elementor (and Elementor Pro) plugins are active.
[ ] This bug happens with the Hello Elementor theme active.
[X] I can reproduce this bug consistently by following the steps I described above.
Elementor System Info
== Server Environment ==
Operating System: Linux
Software: LiteSpeed
MySQL version: MariaDB Server v10.11.7-MariaDB-cll-lve
PHP Version: 8.1.27
PHP Memory Limit: 512M
PHP Max Input Vars: 5000
PHP Max Post Size: 256M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected
== WordPress Environment ==
Version: 6.5.2
Site URL: https://zeedetailing.com
Home URL: https://zeedetailing.com
WP Multisite: No
Max Upload Size: 256 MB
Memory limit: 40M
Max Memory limit: 512M
Permalink Structure: /%postname%/
Language: en_US
Timezone: 0
Admin Email: work.mjassociates@gmail.com
Debug Mode: Inactive
== Theme ==
Name: Hello Elementor
Version: 3.0.1
Author: Elementor Team
Child Theme: No
== User ==
Role: administrator
WP Profile lang: en-US
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36
== Active Plugins ==
Contact Form 7
Version: 5.9.3
Author: Takayuki Miyoshi
Elementor
Version: 3.21.3
Author: Elementor.com
Elementor Pro
Version: 3.17.1
Author: Elementor.com
Envato Elements
Version: 2.0.13
Author: Envato
Skyboot Custom Icons for Elementor - Elementor Icons library
Version: 1.0.8
Author: Skybootstrap
Template Kit Import
Version: 1.0.15
Author: Envato
== Features ==
Custom Fonts: 0
Custom Icons: 0
== Integrations ==
== Elementor Experiments ==
Improved Asset Loading: Active by default
Improved CSS Loading: Active by default
Inline Font Icons: Active by default
Additional Custom Breakpoints: Active by default
admin_menu_rearrangement: Inactive by default
Flexbox Container: Active by default
Upgrade Swiper Library: Active by default
Grid Container: Active by default
Nested Elements Performance: Inactive by default
Optimized Control Loading: Inactive by default
Default to New Theme Builder: Active by default
Hello Theme Header & Footer: Active by default
Elementor Home Screen: Active by default
Editor Top Bar: Inactive by default
Build with AI: Active by default
Landing Pages: Active by default
Nested Elements: Inactive by default
Lazy Load Background Images: Active by default
Page Transitions: Active by default
Notes: Active by default
Form Submissions: Active by default
Scroll Snap: Active by default
Menu: Inactive by default
Taxonomy Filter: Inactive by default
== Log ==
JS: showing 1 of 1JS: 2024-05-01 18:34:45 [error X 1][https://zeedetailing.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.21.3:3:821087] Cannot read properties of undefined (reading 'toLowerCase')
== Elementor - Compatibility Tag ==
Elementor Pro: Incompatible
Envato Elements: Incompatible
Skyboot Custom Icons for Elementor - Elementor Icons library: Compatibility not specified
Template Kit Import: Incompatible
== Elementor Pro - Compatibility Tag ==
Envato Elements: Compatible
Template Kit Import: Incompatible
Agreement
[X] I agree that my issue may be closed without action if it doesn't meet all the requirements.
Prerequisites
Description
Call to action element with classic skin does not show the featured image. inside 'elementor-ctabg-wrapper' we have a div that has classes 'elementor-ctabg elementor-bg'
this div have inline CSS (background-image: var(--e-bg-lazyload-loaded); --e-bg-lazyload: url();)
It should be (background-image: var(--e-bg-lazyload); --e-bg-lazyload: url();)
The text "-loaded" is extra and should be removed.
Steps to reproduce
just use the call to action element and attach an image in the classic skin.
Expected behavior
inside 'elementor-ctabg-wrapper' we have a div that has classes 'elementor-ctabg elementor-bg'
this div have inline CSS (background-image: var(--e-bg-lazyload-loaded); --e-bg-lazyload: url();)
It should be (background-image: var(--e-bg-lazyload); --e-bg-lazyload: url();)
The text "-loaded" is extra and should be removed.
Isolating the problem
Elementor System Info
Agreement