How to create CUSTOM Callout Boxes in Quarto

In Quarto, there are 5 types of "callout blocks" that are built-in that can be used to grab the reader's attention. These 5 built-in types are: note, tip, important, warning, and caution. But what if you want to create one that doesn't fit within those 5? In this video, we learn how to create our own custom callout boxes in Quarto. We start off by using the CSS for the built-in callout boxes as our "base", and then learn how we can modify that CSS to create our own custom callout boxes that look visually the same as the built-in ones, but with our own icons and colour schemes.

If you find my videos helpful, please be sure to subscribe to my channel (and share with your friends!) so that I can keep making more.😊

Code: https://github.com/melissavanbussel/YouTube-Tutorials/tree/main/quarto_custom_callouts

Want to connect?

LinkedIn: https://www.linkedin.com/in/melissavanbussel/
Twitter: https://twitter.com/melvanbussel
Website: https://www.melissavanbussel.com/
GitHub: https://github.com/melissavanbussel
Buy me a coffee: https://ko-fi.com/melissavanbussel

*Please note: it’s helpful for me if you send me a message on LinkedIn when you add me letting me know you’re adding me because of YouTube, so that I can keep track of how I know each person in my network😊

0:00 Getting set up
3:30 Getting the "base" CSS right
11:14 Making small adjustments