Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
I’ve added a custom shape divider to use as an overlay only on mobile devices, but the linear gradient is being ignored. It’s showing as black and only allowing to add a single colour to the svg. How can I get this to work please?
As a work around I used an SVG and position absolute, which is now showing the SVG shapre as expected.
Hi Richard,
Thanks so much for your report!
Unfortunately, I don’t know exactly how to replicate the issue. Can you provide me with the steps needed and, if possible, the custom SVG?
Best regards,
timmse
Thanks for your reply. Steps as per my initial comment, added a custom shape divider to use as an overlay .
Here’s the SVG file: WeTransfer - Send Large Files & Share Photos Online - Up to 2GB Free
The gradient is overwritten by a more specific fill property.
As a quick temp solution you can add !important to the .cls-1 rule in the SVG file:
Hi Richard,
was what confused me, as this is not the actual purpose of the shape divider.
Accordingly, I don’t see your issue as a bug.
The approach of positioning the element absolutely is the more common method 
Best regards,
timmse
