Add Colored Notes in Articles

11 Comments

  • Jennifer Rowe
    Comment actions Permalink

    Great tip! thanks for posting, Tina.

    0
  • Dan Cooper
    Comment actions Permalink

    Awesome tip, Tina!  Our Zendesk is better because of the time you've put into this.

    0
  • Jacob J Christensen
    Comment actions Permalink

    Very nice thanks for sharing Tina!

    0
  • Comment actions Permalink

    Great tip, Tina, thanks for sharing! Would like to add some more tips.

    To take this further, you can add callout blocks where you can use different colors and frames to separate instructions, important links or call to action segments and direct your visitors to the sections of your pages that give you greatest gain and convey the message that you want to.

    Learn how to use various callout blocks in Zendesk help center

    Some examples:

    Best, 

    Lotus Themes Team

    1
  • Jessie Schutz
    Comment actions Permalink

    Thanks for sharing this additional information, Lotus! If you wanted to post a write-up of this in the Tips & Tricks section so members can see it without having to navigate away from the Community (with a link to the original source, of course!), that would be awesome! You'll get some thank-you swag, too. ;)

    0
  • Jennifer Rowe
    Comment actions Permalink

    Hey LotusThemes,

    Thanks for sharing!

    I like the way your note styles look. How do we get the CSS for them? (Do users have to download one of your themes to make it work?)

    Thanks!

    1
  • Dan Cooper
    Comment actions Permalink

    I love how you expanded the callouts LotusThemes.  These look great!

    1
  • Comment actions Permalink

    Hey Jennifer,

    You are right, users have to download one of our themes to make it work. 

     

    Best, 

    Lotus Themes Team

    0
  • Jennifer Rowe
    Comment actions Permalink

    Cool, just checking. Thanks for replying!

    0
  • Katie Novack
    Comment actions Permalink

    This doesn't make sense to me. I only have the option to customize design>view theme>edit code>style.css

    Where do I paste this? How to I preview it?

    0
  • Trapta
    Comment actions Permalink

    Hi @Katie,

    This article is outdated in terms of step. You need to paste the code at the bottom of your style.css file.

    Team Diziana

    0

Please sign in to leave a comment.

Powered by Zendesk