Yes, that is a direct link to the chat. Shouldn't this custom css apply to the direct chat link as well?
Maybe not sorry, have you tested on the widget?
]]>However, which of the classes should I change to make the changes take effect? My main goal is to make the operator and visitor names smaller than the actual message, non-italicized, and not bold.
]]>Have you tried to look at the website widget if CSS is applied?
The widget should looks more small it's not a page it's the widget.
For use the widget you need generate an embed code from the live helper chat settings than paste in a webpage.
]]>How do I do this in CSS?
I tried to change via the Themes -> Custom CSS to any of the following:
#messagesBlock *{font-size: 12px !important;}
.usr-tit{font-size: 12px !important;}
.vis-tit{font-size: 12px !important;}
.op-tit{font-size: 12px !important;}
.op-nick-title{font-size: 12px !important;}
However, nothing changes on my end.
]]>