Skip to content

CSS background-image not rendered on preview when using Elementor #769

@NicolasCayet

Description

@NicolasCayet

Hello,

I'm using following plugins :

  • wp-stateless Version 4.1.1
  • WP-Stateless - Elementor Website Builder Addon Version 0.0.2
  • Elementor Version 3.24.5

When I modify a page via Elementor and I set an image as style -> background for a container, I can select an image from GCS. This image is well displayed on Elementor's update mode.
After i've saved the page, previewed page does not show this image. I've noticed that HTML rendered is using a corrupted image file path in the CSS. For example : background-image: url("https://storage.googleapis.com/mybucket2024/10//4b509ea7-my-image.jpg");
In this example, mybucket is my bucket name on GCS. 2024/10 is the upload folder rule applied.

Why does the trailing slash after the bucket name is removed from CSS file path ? Why slash is in doublon after the destination folder in GCS ?

I'm also pointing that <img tags are well rendered.
Last point : carousel elements of elementor, using CSS background-image, are having the same CSS filepath issues.

Hope this is the right place to post this message (and not in repo ://github.com/udx/wp-stateless-elementor-website-builder-addon)

Thanks !

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions