[Resolved] How do I apply a gradient to an SVG shape using Generate Blocks

[Ian]

I would like to apply gradients to the arrow shapes but can’t find how to do that with GP Pro

[David]

Hi there,

SVGs don’t support CSS Gradient backgrounds.
It requires a linearGradient element in the SVG HTML, and then it can be loaded as Fill.

See here for example:

https://stackoverflow.com/a/14051549

To do it with GenerateBlocks would require the Pro version so you can load your own Shapes, and even then i am not 100% sure how the WP SVG sanitization would treat them.

[Ian]

Thanks David, I’ll check it out.

[David]

You’re welcome

[Author]

Posts