# Predefined block quote formats
**URL:** https://zola.discourse.group/t/predefined-block-quote-formats/1304
**Category:** Support
**Created:** [May 1, 2022, 10:38pm UTC](https://zola.discourse.group/t/predefined-block-quote-formats/1304 "2022-05-01T22:38:20Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@taqtiqa-mark](https://zola.discourse.group/u/taqtiqa-mark)
#### Post date: [May 1, 2022, 10:38pm UTC](https://zola.discourse.group/t/predefined-block-quote-formats/1304/1 "2022-05-01T22:38:20Z")
Is there a predefined way to highlight block quotes as tip/note/warning etc. etc.
Example:
> **[Markdown reference for docs.microsoft.com - Contributor Guide](https://docs.microsoft.com/en-us/contribute/markdown-reference#alerts-note-tip-important-caution-warning)**
>
> Learn the Markdown features and syntax used in the Microsoft Docs platform.
---
### Author:  [@keats](https://zola.discourse.group/u/keats)
#### Post date: [May 2, 2022, 7:14am UTC](https://zola.discourse.group/t/predefined-block-quote-formats/1304/2 "2022-05-02T07:14:54Z")
That’s easy to do with shortcodes
---
### Author:  [@taqtiqa-mark](https://zola.discourse.group/u/taqtiqa-mark)
#### Post date: [May 2, 2022, 7:45am UTC](https://zola.discourse.group/t/predefined-block-quote-formats/1304/3 "2022-05-02T07:45:53Z")
Thanks for the prompt response.
I was and am having trouble getting the conditional color and icon formatting to show.
As far as I can tell there does not seem to be any Theme demo that shows this feature, did I miss one? If not, is there a Zola site you know of where I can take a look at all the tricks?
---
### Author:  [@biralo](https://zola.discourse.group/u/biralo)
#### Post date: [May 9, 2022, 4:13am UTC](https://zola.discourse.group/t/predefined-block-quote-formats/1304/4 "2022-05-09T04:13:28Z")
We just added our own CSS to the Adidoks theme- we have been meaning to do Shortcodes but haven’t got around to it yet.
e.g. [Inbound Shipments - mSupply](https://docs.msupply.foundation/docs/replenishment/inbound-shipments/)
---
### Author:  [@taqtiqa-mark](https://zola.discourse.group/u/taqtiqa-mark)
#### Post date: [May 9, 2022, 6:57am UTC](https://zola.discourse.group/t/predefined-block-quote-formats/1304/5 "2022-05-09T06:57:49Z")
Worked it out. In case anyone else comes along this path…
In order to add alerts in the following way, for `danger()`, `info()`, `note()`, `success()`, and `warning()`:
```nohighlight
{% note() %}
A note.
{% end %}
```
Proceed as follows:
1. Download [Bootstrap icons (v1.8.1)](https://github.com/twbs/icons/releases/download/v1.8.1/bootstrap-icons-1.8.1.zip)
2. Unzip then move files here:
- `source/static/fonts/bootstrap-icons.woff`
- `source/static/fonts/bootstrap-icons.woff2`
- `source/sass/bootstrap-icons.scss`
3. Add these shortcodes under: `source/templates/shortcodes/*`
- `source/templates/shortcodes/danger.html`:
- `source/templates/shortcodes/info.html`
- `source/templates/shortcodes/note.html`
- `source/templates/shortcodes/success.html`
- `source/templates/shortcodes/warning.html`