Help creating a CSS style for Agent comments in Guide?

Answered

6 Comments

  • Jessie Schutz

    Hi Peter!

    We have a couple folks among our Community Moderators who are great with Guide customization, so let me see if I can find one of them to hop in here and help you out!

    0
  • Vladan Jovic

    Hi Peter, does it refers to Article comments or Community comments? Or both of these? Thanks! :)

    0
  • Peter

    Both Please.

    I would like my teams comments to hold a little more weight.(simply by change the background color to be a little darker.

     

    0
  • Vladan Jovic

    Hi Peter, here you go:

    1. Article page template, find this row (135th line in the Copenhagen theme):
      <li id="{{anchor}}" class="comment">
      Replace it with:
      <li id="{{anchor}}" class="comment {{#if author.agent}}agent-comment{{/if}}">
    2. Do the same for Community post page template (123rd line).

    3. At the end of your CSS file just paste the following:
      .agent-comment {
      background: #ddd;
      }
      .comment {
      padding: 20px;
      }

    Currently, the background color is set to #ddd, but you can change it with any other.
    Hope this helps.

     

    0
  • Peter

    YES!!!! thank you so MUCH!

    1
  • Nicole - Community Manager

    Thanks for helping out, Vladan! 

    0

Post is closed for comments.

Powered by Zendesk