Site logo

Archived topic

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

3 replies · Started by Ian on January 21, 2022

Viewing posts 1–4 of 4

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

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.

Thanks David, I'll check it out.

You're welcome

This archived topic is closed to new replies.