tlk.io Webchat color. How?

  • Author
    Posts
  • #1752317

    sup3rgiu
    Member

    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.

    #1752411

    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;
    }
    #1752421

    sup3rgiu
    Member

    I wrote the first code:

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

    But the chat still blue. Do you know why?

    #1752434

    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.

    #1752449

    sup3rgiu
    Member

    So is this no possible? :(

    #1752470

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

The topic ‘tlk.io Webchat color. How?’ is closed to new replies.