Need help? Check out our Support site, then


tlk.io Webchat color. How?

  1. Hello there,
    I just added the tlk.io widget to my site and was wondering if you are able to help me change the color of the widget. I'd like to change the title bar color to #8ed727 and the little cloud icon, if possible, to a slightly darker green. If the rest of the blues can also be changed to green to better match my site, can you suggest how to do that as well? Is this something you can help with?

    Thank you

    The blog I need help with is testbya.wordpress.com.

  2. Hi there, add the following CSS, which changes the bar on the widget to green and the cloud too to a light green.

    .theme--day .header-bar {
        background-color: #8ED727;
    }

    This changes the Twitter button border and text/icon to green also.

    .theme--day .button {
        border-color: #6AA01D;
        color: #6AA01D;
    }
  3. I wrote the first code:

    .theme--day .header-bar {
        background-color: #8ED727;
    }

    But the chat still blue. Do you know why?

  4. Hmmm, on a closer look, I see they've done that with an iframe and the code is in their plugin it seems. I've had no luck getting that to override with custom CSS.

  5. So is this no possible? :(

  6. I can find no way to override the settings in the widget itself. Sorry.

Topic Closed

This topic has been closed to new replies.

About this Topic