tlk.io Webchat color. How?

• 

  sup3rgiu · Member · Apr 16, 2014 at 10:07 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · Apr 16, 2014 at 10:15 pm

  • Copy link

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

• 

  sup3rgiu · Member · Apr 16, 2014 at 10:29 pm

  • Copy link

  I wrote the first code:

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

  But the chat still blue. Do you know why?

• 

  thesacredpath · Member · Apr 16, 2014 at 11:12 pm

  • Copy link

  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.

• 

  sup3rgiu · Member · Apr 17, 2014 at 8:10 am

  • Copy link

  So is this no possible? :(

• 

  thesacredpath · Member · Apr 17, 2014 at 8:27 pm

  • Copy link

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