how to customize css?

Hi Matt,

Easiest way to customize is drop code into your theme style.css file (or style section if your theme has it). You’ll also have more luck namespacing your changes with #livelychatsupport-chatbox. For example:

#livelychatsupport-chatbox h3 {
color: blue;
}

Thanks for your reply.

I’ve tried several code
#livelychatsupport-chatbox h3 {
color: blue;
}

and other that you’ve already posted
#livelychatsupport-chatbox .cta_online_text, #livelychatsupport-chatbox .cta_offline_text {
text-align: right;
}

but it doesn’t work… any idea?

My website: https://www.hippocketwifi.com

Try this:

#livelychatsupport-chatbox h3 {
background: blue;
}

AND:

#livelychatsupport-chatbox h3 span {
color: #fff;
}

Thanks but still doesn’t work…

#livelychatsupport-chatbox h3 {
color: blue !important;
}

try this

If !important doesn’t work, especially:

#livelychatsupport-chatbox h3 span {
color: blue !important;
}

Then maybe there’s a caching issue going on with your WP caching technique or browser. Maybe try clearing both?

Thanks to both of you!

#livelychatsupport-chatbox h3 {
color: blue !important;
}

works fine!

I’ve also changed chatbox size and border color and it works:

#livelychatsupport-chatbox {
width:220px !important;
border-color: #8f8f8f !important;
}

Topic resolved