Change visitor and operator title style css

cipals15 · 2020-03-26 02:40:04

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.

PeopleInside · 2020-03-26 07:49:16

Hi cipals15, welcome in the live chat forum!
Thank you for your question!
Your screen seems to be not the widget screen but seems to be the direct link to the chat.

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.

cipals15 · 2020-03-26 09:52:00

Yes, that is a direct link to the chat. Shouldn't this custom css apply to the direct chat link as well?

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.

PeopleInside · 2020-03-26 10:39:08

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?

Announcement

#1 2020-03-26 02:40:04

Change visitor and operator title style css

#2 2020-03-26 07:49:16

Re: Change visitor and operator title style css

#3 2020-03-26 09:52:00

Re: Change visitor and operator title style css

#4 2020-03-26 10:39:08

Re: Change visitor and operator title style css

Board footer