Lucide Icon not showing on callout

Things I have tried

I’ve updated the css for callouts with the following code on my MacBook Air:

.callout[data-callout=“clipboard”] {
–callout-color: 106, 134, 149;
–calout-icon: lucide-clipboard;
border: 1px solid rgba(255, 255, 255, 0.09);
border-radius: 10px;
box-shadow: -10px -10px 30px rgba(255, 255, 255, 0.10);
}

What I’m trying to do

Everything works the way it is supposed to except the callout still shows the pencil instead of the clipboard.

Any ideas?

Add another l in --calout-icon, might do the trick. :wink:

Also, “clipboard” should be "clipboard" (notice the quotes) and the callout-icon part should have two dashes --callout-icon as noted here.

CSS is unforgiving :sob:

I think those two issues are formatted as such by the forum software, since they neglected to put the css into a code block.

1 Like

Probably, but just wanted to add it :grin:

1 Like

Thank you.

Late night and that was killing me. The missing L was the issue.

1 Like

Yep. That was all the forum format.

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.