Where to change default callout color and emoji?

Themes
1

Hi. Where in the theme files would I change the default callout color and emoji in posts? I use the same grey, no emoji callout everywhere, and I find it tedious to keep changing the defaults to what I need.

Thanks.

-MP

2

You could change the colour through CSS, but changing the emoji isn’t something that would work that way.

However…there are snippets for exactly the use case you have in mind :smiley:

1 Like
3

Brilliant! Thanks! Works perfectly.

For my education, is it possible in the template?

4

You can change the colour, but it’s rather an “overlay” of sort.

Adding this CSS would do the trick (though, it would change EVERY callout to the colour you specificy:

.kg-callout-card {
  background: #000;
}
1 Like
5

Got it, thanks. So the default values for color and emoji are built into Ghost proper, and not in any of the template files? I searched through them in VSCode and didn’t find any references to "callout” that seemed to apply.

6

Correct. They are essentially part of the content. The theme gets the content from Ghost and then just displays it.

7

Thank you. Learning something new every day.

1 Like
8

This is how a theme would access the content, if you want to know more:

1 Like