NO BUG: Shape Divider Custom Shape gradient issue

Bugs
1

Browser: Brave
Version 1.73.105 Chromium: 131.0.6778.265 (Official Build) (64-bit)
](Brave Release Notes | Brave)
OS: Windows
URL: https://www.dev.mvvs.vet
Video: Dropbox

See the video. I have an issue with gradients in a custom SVG not showing up in the builder or on the front end. The gradient does show in WP media gallery and the bricks side bar for custom shapes in the shape divider area.

Shape divider using an SVG issue
2

Hi Robert,
Thanks so much for your report!

By default, the paths and g elements within the SVG inherit the fill color. This “helps” in many cases, as there are many ways to add styles to SVGs. However, it doesn’t work in your case, but it should be easy to fix.

Add this custom CSS to the section that contains the shape divider - then it should work:

%root% .bricks-shape-divider .bricks-shape-divider-inner svg g,
%root% .bricks-shape-divider .bricks-shape-divider-inner svg path {
  fill: revert-layer;
}

Best regards,
timmse

3

That did the trick.

Thank you Timmse.