How can I add a note box to my guide articles without going to the CSS of the theme?

Respondidas

Publicado 23 jun 2021

I would like to add a note box into the source code of an article, it needs to be in a specific article with a specific color (grey) and I don't want to add it to the overall CSS so what would be the source code to add in a note box or warning box to just the article?

1 comentario

Fecha

Ifra Saqlain

Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community Moderator

24 jun 2021

Hey,

You can use this source code to add the note-box without using the stylesheet of the theme:

//Note Block Source code

<section>
  <div style="background-color: #ddd; padding: 15px;">
    <p>
     
       // Download image and import in this article for the block-icon
       <img style="vertical-align: middle;" src="https://support.zendesk.com/hc/article_attachments/icon/exclamation.png" alt="exclamation.png" width="21" height="21">Note:
       
    </p>
    <p>This is Note Block.</p>
  </div>
</section>

Output:

Thanks