-
Notifications
You must be signed in to change notification settings - Fork 68
CSS background-image not rendered on preview when using Elementor #769
Description
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 !