Help creating a CSS style for Agent comments in Guide?
AnsweredHello,
I would like the agents comments to STAND OUT.
Can someone help me with Creating a CSS style. If the Comment is from a agent or manager, use this color background and text color.
-
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!
-
Hi Peter, does it refers to Article comments or Community comments? Or both of these? Thanks! :)
-
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.
-
Hi Peter, here you go:
-
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}}">
- Do the same for Community post page template (123rd line).
- 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. -
Article page template, find this row (135th line in the Copenhagen theme):
-
YES!!!! thank you so MUCH!
-
Thanks for helping out, Vladan!
Post is closed for comments.
6 Comments