WIP: Divider - icon SVG - size not working on custom breakpoint (1.6.2)

Bricks Version: 1.6.2
Browser: Chrome
OS: Windows

  1. Add a divider (settings: height: 1, width: 100%, style: solid, direction: horizontal, color: ffffff50)

  2. Choose SVG

  3. SVG now displays as a huge SVG
    3a. Sizing options (height / width) don’t work.

  4. Add a link to the SVG → SVG now shrink - but not to the size

  5. Go to typography; SVG size is now controlled by typography. :joy:

  6. Remove the link; SVG goes to size ‘huge’ again and typography doesn’t work.

  7. Add a stroke color & fill color. Both won’t work.

  8. Inspect on mobile; stroke & fill are now showing.

  9. Icon alignment controls the divider alignment, divider alignment does nothing.

Hmm… I’ll try this in another way I guess… :stuck_out_tongue:

Hi @MarketingSpectrum ,

Could you please provide the SVG you are using?
As far as I know, each SVG file varies and there might be CSS inside the SVG file too and causing the settings now work.


Hi Michael,

Thank you very much for the login details.
As per my reply in private message, the SVG fill not working because your SVG file has fill inline style, so the SVG fill setting gets overwritten by the inline style.

Regarding the size, I found that it’s a bug if you set a custom breakpoint as the base breakpoint.
I can reproduce this locally.

Already recorded it in the bug tracker.
Thank you so much for your time.


Hey Jenn, thanks for looking into it and good luck to the team finding the fix :+1: