Announcement

Glenn

Member

Registered: 2014-08-09

Posts: 12

[Solved] Change font of 'Live help is online...'

Hello,

I'm wondering which file should be modified or receive an override to change the font of the text 'Live help is online...' in the chat widget. I've tried a few things but without luck so far.

Thanks

remdex

Administrator

From: Lithuania

Registered: 2012-09-23

Posts: 3,661

Website

Re: [Solved] Change font of 'Live help is online...'

Hi,

There is three options.
1. Just create a theme in back office, and in one custom CSS fields write your styles. "Status widget additional CSS, takes effect after save"
2. You can override styles directly in your site CSS by appending !important flag.
3. you can manually override templates files at
https://github.com/LiveHelperChat/liveh … er.tpl.php

I suggest just to use first or second method.

Glenn

Member

Registered: 2014-08-09

Posts: 12

Re: [Solved] Change font of 'Live help is online...'

Thanks. I'm using method 1 and added following for "Status widget additional CSS":

#lhc_status_container{font-family: Verdana;}

However, it's still showing the original font. It's not a caching issue.

remdex

Administrator

From: Lithuania

Registered: 2012-09-23

Posts: 3,661

Website

Re: [Solved] Change font of 'Live help is online...'

You should have it like

#lhc_status_container *{font-family: Verdana;}

Or

#lhc_status_container .status-icon{font-family: Verdana;}

You should use chrome debug to see what styles and in what order it applies

Glenn

Member

Registered: 2014-08-09

Posts: 12

Re: [Solved] Change font of 'Live help is online...'

Thanks a lot, that's working fine!