Unique Class Names for CSS

[last7studios]

Hello,

Is there a chance you can have each class inside the messages span have an additional unique class added to them?

<span class="message">
    <span class="badges"><img class="" alt="" src=""></span>
    <span class="authorName">Username</span>
    <span class="text **colon**">: </span>
    <span class="text **message-words**">Message Goes Here</span>
</span>

or something similar? It would make it easier to stylize from within OBS or other software.

[3dproger]

I'll try to do something similar in the next updates

[3dproger]

How about this?

<span class="message">
  <span class="badges"><img class="badgeServiceIcon" alt="" src=""></span>
  <span class="authorName">Username</span>
  <span class="text">Message Goes Here</span>
</span>

By default, the CSS will add a prefix : to the message text:

.text::before {
  content: ": ";
}

I think in your custom CSS you will be able to specify your own prefix or even hide it

[3dproger]

The previous version was wrong. Here is a new improved version:

<span class="message">
	<span class="badges">
		<img class="badgeServiceIcon" alt="" src="">
	</span>
	
	<span class="authorName">Username</span>
	
	<span class="authorMessageContentSeparator"></span>
	
	<span class="messageContents">
		<span class="text">Message text 1</span>
		
		<span class="text">Message text 2</span>
		
		<span class="image"><img class="imageContent" alt="" src="some_image_url"></span>
		
		<span class="text">Message text 3</span>
		
		<span>
			<a class="hyperlinkContent" href="some_link_url"><span>some link text</span></a>
		</span>
	</span>
</span>

CSS:

.authorMessageContentSeparator::before {
  content: ": ";
}