CSS Error with transformations

  • After updating from Elementor 3.23.4 to 3.25.4, I have the problem that the generated CSS of the pages (under /uploads/elementor/css/) contains an error.

    All previous adjustments via –> Advanced –> Transform –> Rotation no longer have the necessary information such as “3deg” but are now output as “3yes” in the created CSS variable. Even editing the page afterwards, changing the values ??in the editor and saving again does not bring a solution. In the backend, all changes appear as desired, but in the frontend the display is not achieved because the CSS is incorrect. The rest of the CSS (like other effects) seems to be fine and is not affected.

    Here is the CSS as I see it via the Dev Tools:

    .elementor-7796 .elementor-element.elementor-element-f43d3ee > .elementor-widget-container {
    --e-transform-rotateZ: -2deg;
    --e-transform-rotateX: 1yes;
    margin: 0px 0px 0px 0px;
    --e-transform-perspective: 20px;
    }

    The CSS caching has of course been reset and no further caching is available.

    Any ideas why this happens?
    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Milos

    (@miloss84)

    Hi there,

    Thanks for contacting us and hope you are doing well and having a great day.

    To rule out the possibility of a plugin or theme conflict, please deactivate all your plugins (besides Elementor). If it solves the issue reactivate them one by one to find the culprit. If it didn’t help, switch your theme (temporarily) to a default WP theme such as Twenty Nineteen and see if it makes any difference.

    Also, this could happen due to our Elementor performance experiments you can try to deactivate them. To deactivate them you can go to Elementor > settings > features

    Performance features currently in the experimental stage are:

    • Element Caching – Elements caching reduces loading times by serving up a copy of an element instead of rendering it fresh every time the page is loaded. When active, Elementor will determine which elements can benefit from static loading – but you can override this.
    • Inline Font Icons?– This experiment renders icons as SVGs without loading the Font-Awesome and eicons libraries. Since SVGs are vector-based images which are rendered using the browser’s engine, they do not increase server requests which improves performance

    I am looking forward to hearing back from you soon.

    Kind regards,

    Plugin Support Nemanja

    (@nemanjat)

    Hi @bmaik

    Our developers are aware of this issue, and a fix is being worked on to address the problem. It should be released in one of the upcoming versions.

    You can stay up to date with the latest fixes and tweaks in the Elementor changelog on the following link: https://elementor.com/help/changelog-of-elementor/

    Kind regards!

    Thread Starter Maik Bernstein

    (@bmaik)

    Hey Nemanja.

    I’m very happy to read these lines, as I’ve spent the last few days testing and debugging, unfortunately without success.

    I’m eagerly awaiting the update and thank you for the info!

    Kind regards!

    Thread Starter Maik Bernstein

    (@bmaik)

    This bug is fixed. Thanks for solving this. Ticket is solved and can be closed.

    Happy Christmas days to all of you reading this. ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

Tags