Archived topic
Query Loop and featured image background issue
3 replies · Started by Roberto on January 6, 2023
Hi,
I've got an issue with a Query Loop Element and featured image as background image of container. It happens in the blog page and in the last part of the home page. Here's what I'm trying to achieve, and what's happening:
I already wrote in another post, and after some time the issue fixed by itself - I can't figure out how. But now it seems to persist.
I'm using Autoptimize to optimize JS-CSS-HTML, according to your suggestion here.
I leave logging info in the private area, if you need them.
Thanks!
Hi there,
Can you try to remove the static background image you've set?
https://www.screencast.com/t/Ic70VdQNOui
Let me know :)
Hi,
I removed the static background image (that I set following one of your tutorials), but nothing's changed. Then I've tried removing the pseudo-element, that was set automatically for image opacity, and then it fixed the issue, as you can see here for one post.
So the problem is: how can I set opacity (0.55) to the featured background image avoiding the issue? I need to set some CSS code?
Thanks!
Hi there,
The alternative would be to also add a Background > Gradient and set that as a Psudeo Element, this will sit in front of the image, you can then set both colors of the gradient to the same color and set their opacity.