elementor / elementor

The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.
https://elementor.com/
GNU General Public License v3.0
6.42k stars 1.39k forks source link

Call to action Element CSS Issue #27198

Open Usman-Arif opened 2 weeks ago

Usman-Arif commented 2 weeks ago

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

== 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