Shape divider with SVG

Hello, I’d like to know the best way to create SVG files for use with shape dividers. Currently, I’m using an SVG file filled with a color, like red inside a shape. However, I’ve noticed that the color also appears in the shape divider. This color can’t be changed in Bricks; it stays red. Is there a better option if I want to be able to change the color in Bricks? Or what should I do? The other shapes provided in Bricks allow color changes.

Additionally, I need to place a pre-made image as a background texture in the shape divider and be able to adjust the texture using the shape divider’s color. What methods can I use for this?

Thank you.

Have you tried the CSS fill property?

.yourselector {
fill: red;
}

1 Like