I am able to grab images from a collection and use them as a background image for a link block, div etc. However, if that element has a gradient overlay I can’t preserve that gradient when I pull in the image form a collection. Am I missing something?
If you add another div with absolute positioning at 100% width & height inside of that hero image block then you can get the gradient to work. It doesn’t work when applied to dynamic content yet.
Let me know if you have any questions please
Waldo
Thanks @Waldo. That is the conclusion I came to… just didn’t want to go through the work until I knew for sure that it wasn’t supported. Thanks for the reply. Much appreciated! I will let you know if I run into any issues.
My pleasure to help please let me know if you have any other questions
I’ll make sure to let the team know.
Thank you,
Waldo
Yeah the problem is that making the background dynamic will overwrite the entire background-image property which includes any backgrounds added (images and gradients). As @Waldo mentioned the only way to preserve the gradient is for it to be a separate absolute positioned element.