# \[DONE\] Banner / Callout in rich text

**URL:** https://community.fibery.io/t/done-banner-callout-in-rich-text/2940
**Category:** Ideas & Features
**Tags:** rich-text
**Created:** [June 13, 2022, 1:18pm UTC](https://community.fibery.io/t/done-banner-callout-in-rich-text/2940 "2022-06-13T13:18:48Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Adam](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/adam/32/334_2.png) [@Adam](https://community.fibery.io/u/Adam)
#### Post date: [June 13, 2022, 1:18pm UTC](https://community.fibery.io/t/done-banner-callout-in-rich-text/2940/1 "2022-06-13T13:18:48Z")

</div>

![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/d/d4a86380e102f209efb2bc9d20adbef30aa0a210.png)

Would be good to have something similar to the code sample but for product people. Quite often I find myself writing things like.

“📝 see here for more information on XYZ”

“🛑 Do not delete the production database”

Its similar to highlighting content but helps make the content more readable. Something like this?

![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/f/f19d6b76fa89ba84fb7b33e0ab179b14b3b311cd.png)

---

<div class="post-metadata">

### Author: ![Matt\_Blais](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/matt_blais/32/1464_2.png) [@Matt\_Blais](https://community.fibery.io/u/Matt_Blais)
#### Post date: [June 13, 2022, 3:45pm UTC](https://community.fibery.io/t/done-banner-callout-in-rich-text/2940/2 "2022-06-13T15:45:39Z")

</div>

Possible workarounds:

Could the Fibery team perhaps adjust the formatting of **Blockquotes** to be more like this:

![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/0/0c098c29f757de9b5c86025d85e69421fe0d0a3b.png)

You could also insert an emoji/image.

You could get the above appearance now by injecting custom CSS –

```auto
.ProseMirror blockquote {
    background: #eee;
    border-left: 8px solid #bbb !important;
}

```

Though this will only affect your own browser, unless Fibery lets us [define our own Workspace custom CSS](https://community.fibery.io/t/some-more-love-on-document-editing/2143/5).

---

<div class="post-metadata">

### Author: ![Adam](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/adam/32/334_2.png) [@Adam](https://community.fibery.io/u/Adam)
#### Post date: [June 13, 2022, 4:14pm UTC](https://community.fibery.io/t/done-banner-callout-in-rich-text/2940/3 "2022-06-13T16:14:31Z")

</div>

Thats not a bad shout imo. Less fussed about the emoji tbh but for me its more about its level of importance. Some thing are really important → Red, not important → Green.

---

<div class="post-metadata">

### Author: ![mdubakov](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/mdubakov/32/10_2.png) [@mdubakov](https://community.fibery.io/u/mdubakov)
#### Post date: [June 15, 2023, 10:55am UTC](https://community.fibery.io/t/done-banner-callout-in-rich-text/2940/4 "2023-06-15T10:55:56Z")

</div>

Implemented in latest release

> [@June 15, 2023 / face\_with\_tongue Callout block in text](https://community.fibery.io/t/june-15-2023-callout-block-in-text/4628):
>
> face_with_tongue Callout block in Rich Text You can make your text more engaging and emphasise important points by using a brand new Callout block. Type / in text and find Callout to add it. [Screenshot 2023-06-15 at 1.51.40 PM] Set icons or emojis, select color, and enjoy the [Callout block](https://the.fibery.io/@public/User_Guide/Guide/Callout-block-186). [2023-06-15 08.24.18] Callout block is available in documents, rich text fields, comments, view descriptions, and form descriptions. TIP: The quickest method to add a callout block is to type ! follow…

---

<div class="post-metadata">

### Author: ![mdubakov](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/mdubakov/32/10_2.png) [@mdubakov](https://community.fibery.io/u/mdubakov)
#### Post date: [August 18, 2023, 6:52am UTC](https://community.fibery.io/t/done-banner-callout-in-rich-text/2940/5 "2023-08-18T06:52:48Z")

</div>