How to customize signtures?

[CKummer]

Hey there,

our members are using the signature feature. Unfortunately the signature does appear as a part of a post because it's not clearly separated from the text. Is it possible to make changes on the css to have a boundary per default. If yes, where can I fix this?

Kind regards

Christoph

[srujanayeruvaka · Accepted solution]

Hi @CKummer,

You may start by trying with this sample and refine it to suit your needs.

Go to Avatar drop-down -> My Settings -> Personal -> Personal Information -> Signature, and paste the below sample code to test in your stage environment.

<div class="UserSignature lia-message-signature" style="border-radius: 1px; padding: 10px; border: solid #CCCCCC 1px;"><p>Community Support Team - Srujana Yeruvaka</p><p>If this post helped, then please <strong><i>accept it as a solution</i></strong> to help the other members find it more quickly.</p><p>For learning resources, please visit: <a href="https://community.khoros.com/" target="_blank">Resource 1</a> | <a href="https://community.khoros.com/" target="_blank">Resource 2</a></p></div>

Thanks,
Srujana

[CKummer]

@srujanayeruvaka Thx. For testing purposes it has helped me a lot. After testing around I think a version with a border on top and a 10px margin above and below would work best.

The question now is, where to put it in studio?

Any idea?

Regards
Christoph

[StephenB]

Hi @CKummer 

You can add your css to your current skin (Studio - Community Style - select your current skin) using:

UserSignature lia-message-signature {
  border-top: 1px solid #000;
  margin-top: 10px;
  margin-bottom: 10px;
  /*anything else you'd like*/
}