Call to action Element CSS Issue

[Usman-Arif]

Prerequisites

• I have searched for similar issues in open and closed tickets and cannot find a duplicate.
• 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-cta__bg-wrapper' we have a div that has classes 'elementor-cta__bg 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-cta__bg-wrapper' we have a div that has classes 'elementor-cta__bg 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.
• I can reproduce this bug consistently by following the steps I described above.

Elementor System Info

Click to reveal

== 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
	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][../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

• I agree that my issue may be closed without action if it doesn't meet all the requirements.