Live Helper Chat support forum.. Forum is locked. New place for questions - Github Discussions

You are not logged in.

Announcement

#1 2020-05-25 02:51:25

shotgun
Member
Registered: 2020-04-30
Posts: 39

Status Style

Hello, it may already be possible but, is it possible to overwrite #status-icon {} in status.css through a custom CSS?  When using LHC on two domains through 2 departments each getting its own theme, it would be nice to have a custom css for each widget theme's status-icon, to set colors, borders etc to match that domain a little better, thanks.

Offline

#2 2020-05-25 04:59:49

remdex
Administrator
From: Lithuania
Registered: 2012-09-23
Posts: 3,661
Website

Re: Status Style

Yes, you can do that in theme configurtion, custom css section smile

Offline

#3 2020-05-26 00:08:26

shotgun
Member
Registered: 2020-04-30
Posts: 39

Re: Status Style

I only have 4 boxes under custom CSS
in Status widget I placed, (actually I tried in all 4 boxes)
#status-icon {
    background: url("../images/grey_row.jpg");
    background-repeat:  repeat;
}
does nothing

in status.css
lhc_status_container #status-icon {
    background: url("../images/grey_row.jpg");
    background-repeat:  repeat;
}
works as expected

Offline

#4 2020-05-26 03:17:30

remdex
Administrator
From: Lithuania
Registered: 2012-09-23
Posts: 3,661
Website

Re: Status Style

Just use important flag in your css

Offline

#5 2020-05-26 10:48:45

shotgun
Member
Registered: 2020-04-30
Posts: 39

Re: Status Style

Ohhh I thought I tried that, your correct thank you.

Offline

Board footer