SOLVED: Icon element style not rendering in builder

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hi bricks team,

I have set the styles on the a tag using selectors element on wrapper element (Social media).

{"content":[{"id":"ojfzaw","name":"section","parent":0,"children":["iomasb"],"settings":[]},{"id":"iomasb","name":"container","parent":"ojfzaw","children":["hxzcfv"],"settings":[]},{"id":"hxzcfv","name":"div","parent":"iomasb","children":["lcwnfo","swknzt","ibkhfs","pttzxw"],"settings":{"_columnGap":"10"},"label":"Social media","selectors":[{"id":"ghqkhd","selector":"a:hover","settings":{"_transform":{"scaleX":"1.1","scaleY":"1.1"}},"label":"Hover effect"},{"id":"wqinwp","selector":"a","settings":{"_border":{"radius":{"top":"10","right":"10","bottom":"10","left":"10"}},"_display":"flex","_alignItems":"center","_justifyContent":"center","_cssTransition":"transform 0.3s","_background":{"color":{"raw":"hsl(206, 100%, 50%)"}},"_padding":{"top":"15","right":"15","bottom":"15","left":"15"}},"label":"Items"}]},{"id":"lcwnfo","name":"icon","parent":"hxzcfv","children":[],"settings":{"icon":{"library":"themify","fill":{"raw":"#ffffff"},"icon":"ti-paint-bucket"},"link":{"type":"external","url":"#"},"iconColor":{"raw":"hsl(0, 0%, 100%)"},"iconSize":"25"},"label":"Item","themeStyles":[]},{"id":"pttzxw","name":"icon","parent":"hxzcfv","children":[],"settings":{"icon":{"library":"themify","fill":{"raw":"#ffffff"},"icon":"ti-paint-bucket"},"link":{"type":"external","url":"#"},"iconColor":{"raw":"hsl(0, 0%, 100%)"},"iconSize":"25"},"label":"Item","themeStyles":[]},{"id":"ibkhfs","name":"icon","parent":"hxzcfv","children":[],"settings":{"icon":{"library":"themify","fill":{"raw":"#ffffff"},"icon":"ti-paint-bucket"},"link":{"type":"external","url":"#"},"iconColor":{"raw":"hsl(0, 0%, 100%)"},"iconSize":"25"},"label":"Item","themeStyles":[]},{"id":"swknzt","name":"icon","parent":"hxzcfv","children":[],"settings":{"icon":{"library":"themify","fill":{"raw":"#ffffff"},"icon":"ti-paint-bucket"},"link":{"type":"external","url":"#"},"iconColor":{"raw":"hsl(0, 0%, 100%)"},"iconSize":"25"},"label":"Item","themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://try.bricksbuilder.io/t8f1f855","version":"2.3.7"}
2

Hi Jolia,
Thanks for your report.

What are you trying to do, and what exactly isn’t working?
For me, the styles in the builder are the same as in the front end :thinking:

3

Hi @timmse,

After pasting the structure, please reload the builder. After that, the style will not be rendered in the builder.

4

Ah, I see. Of course, that wasn’t clear from your report.
We’ll update this thread once it’s fixed :v:

1 Like
5

We’ve addressed this in Bricks 2.4-beta (beta release), now available for manual download from your Bricks account.

Please read the changelog entry before testing, and let us know if you experience any issues. Note: beta builds are not recommended for production sites.