WAIT: Icon list color setting specificity not enough (overridden by global <a> color)

Bugs
1

Bricks Version: 1.5 beta
Browser: Chrome 101
OS: Windows 11

When I add links to icons, “a” tag is added to icons. As the screenshot shows, ACSS adds a global “a” color. But the icon’s color is added to the parent “li”, which is easily overridden by the general “a” color. Without links, they are fine.

image
image314×892 28.2 KB

2

Hi Kunpeng,
Thanks for your report!

I think this is the first time someone complains that a selector is too unspecific :sweat_smile:

Admittedly, we make it a bit easy for ourselves in this case, but the problem can also be fixed with a single line of custom CSS (Bricks > Settings > Custom CSS):

.brxe-social-icons li.has-link a {
  color: var(--base);
}

Best regards,
timmse