# Custom callouts.css snippet is not working

**URL:** <https://forum.obsidian.md/t/custom-callouts-css-snippet-is-not-working/43333>\
**Category:** Help\
**Created:** [September 13, 2022, 7:03am UTC](https://forum.obsidian.md/t/custom-callouts-css-snippet-is-not-working/43333 "2022-09-13T07:03:18Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![william](https://forum.obsidian.md/user_avatar/forum.obsidian.md/william/32/2364_2.png) [@william](https://forum.obsidian.md/u/william)\
**Post date:** [September 13, 2022, 7:03am UTC](https://forum.obsidian.md/t/custom-callouts-css-snippet-is-not-working/43333/1 "2022-09-13T07:03:18Z")

</div>

Obsidian v0.15.9  
macOS 12.4

### Things I have tried

re-wrote the snippet; changed the name; toggle if off and on again; restarted computer

My snippet is:

```auto
.callout[data-callout="Highlight"] {
	--callout-color: 255, 255, 0;
	--callout-icon: lucide-highlighter;
}

```

### What I’m trying to do

use my custom snippet

---

<div class="post-metadata">

**Author:** ![william](https://forum.obsidian.md/user_avatar/forum.obsidian.md/william/32/2364_2.png) [@william](https://forum.obsidian.md/u/william)\
**Post date:** [September 18, 2022, 1:16am UTC](https://forum.obsidian.md/t/custom-callouts-css-snippet-is-not-working/43333/2 "2022-09-18T01:16:25Z")

</div>

The solution was using lowercase in the type, i.e., “highlight” not “Highlight.” The snippet now works.

---

<div class="post-metadata">

**Author:** ![system](https://forum.obsidian.md/uploads/default/original/3X/b/e/bec35fbd23ab28909bb6bfe62cb32eb82dd34019.png) [@system](https://forum.obsidian.md/u/system)\
**Post date:** [September 25, 2022, 1:17am UTC](https://forum.obsidian.md/t/custom-callouts-css-snippet-is-not-working/43333/3 "2022-09-25T01:17:13Z")

</div>

Closed on September 25, 2022, 1:17am UTC

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