Hello, I am looking for a plugin or markdown extension for notification blocks. Bootstrap has something like this [image] Would appreciate it if there’s a plugin out there.

You can use the generic bbcode wrapper support, something like this: [wrap=success] **Success!** Your message has been sent successfully [/wrap] …which will become this HTML: Success! Your message has been sent successfully You can add CSS targeting .d-wrap[data-wrap="success"] to style it. I use this: @mixin admonition($color, $bgcolor, $bordercolor, $iconurl) { padding: 8px; padding-left: 4em; padding-right: 2em; color: $color; border-left: 5px solid $bordercolor; background-color: $bgcolor; background-image: url($iconurl); background-repeat: no-repeat; background-size: 2em; background-position: 1em 1.25em; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); margin-bottom: 1em; } .d-wrap[data-wrap="info"] { @include admonition(#084298, #cfe2ff, #b6d4fe, "/images/emoji/google/information_source.png"); } .d-wrap[data-wrap="warning"] { @include admonition(#664d03, #fff3cd, #ffecb5, "/images/emoji/google/warning.png"); } .d-wrap[data-wrap="danger"] { @include admonition(#842029, #f8d7da, #f5c2c7, "/images/emoji/google/stop_sign.png"); } …which allows me to create things like this: [image]

So I tried adding this, am I missing something? [brave_uouSOtwXW2] [4i2Mw7HkNO]

My CSS only added styles for info, warning and danger. Try changing [wrap=success] to [wrap=warning]. You’ll have to define your own style for sucess.

Warning, Success & Info Blocks

Product Support

2TapPrince (2TapPrince) August 2, 2022, 4:59pm 6

Oh yeah, I thought you coded it to be plug n play.

Works perfect.

Topic		Replies	Views
Top bar notifications Product Support	2	499	February 4, 2022
Customize posts' contents with your own styles Developer Guides css	8	3817	March 17, 2023
Inline warning message background overlaps previous line UX fixed	1	210	October 12, 2026
Formatting an attention block Product Support	1	798	November 6, 2019
Indent paragraph text? Product Support	12	2666	December 5, 2021

Warning, Success & Info Blocks

Related topics