Skip Navigation

[Resolved] Container Block Dynamic Background Image Not Displaying (Bug?)

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 1 reply, has 2 voices.

Last updated by Minesh 9 months, 1 week ago.

Assisted by: Minesh.

Author
Posts
#2688710
Screenshot (121).png
Screenshot (120).png
Screenshot (119).png
Screenshot (118).png
Screenshot (117).png

I am trying to:
Use the container block to display a dynamic background image based on a post's featured image.

Link to a page where the issue can be seen:
hidden link

I expected to see:
The background image displayed correctly.

Instead, I got:
No background image.

The View is set correctly to display the dynamic background image depending on the post it is showing (using a custom post type, but that shouldn't matter). It works in the preview both in the Guttenberg editor and Elementor, however when I test it on the front end of the site the image does not appear.

I have tested it with only Toolset plugins running, and both Hello Elementor and 2024 themes, nothing changes.

It seems to be related to some styles that are being applied directly to the container element by Toolset. I have added no custom styling at all, simply used the GUI options to setup the basics. Yet you can clearly see in Screenshot 117 that there are styles automatically applied to the container. If I disable the background style then the image appears (Screenshot 118).

I have tested this further by copying all of the styles that comprise the background style, as seen in Screenshot 119, and it is the background-image: initial style that is causing the issue. I turned off the elements styles in Chromes debug panel and created an override style (Screenshot 120), and turning this off makes the image appear (Screenshot 121), proving that this is the cause.

However, the problem, and possible bug, arises from the fact that I have not set these styles and cannot seem to edit them via the View settings, and because it's the background image I can't override the issue without having to define the background image again through custom styles, losing the dynamic ability that I need.

Can you please advise on how this can be dealt with.
Many thanks.

#2688789

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

I was able to see the image on the page when I deactivate the plugin "EWWW Image Optimizer".

In order to minimize the cause of the issue:
Could you please try to resolve your issue by deactivating all third-party plugins as well as the default theme to check for any possible conflicts with any of the plugins or themes?

Do you find any other plugin(s)/them that affects the issue?

#2688920

Hi Minesh,

That's really annoying as I tested it without any plugins! I must have had a browser caching issue or something, but you're quite right, that plugin does indeed seem to be the cause. I don't usually use it, so I can remove EWWW Image Optimiser and not worry about it.

Many thanks.