How to change the color of the web chat text input

Hi ​@Aleytx ! Thanks for the detailed context and screenshot. I did some digging and let me just say that you’re not missing anything obvious!! Not an easy solution, unfortunately. I will say that you’re troubleshooting so far seems to be spot-on. Here is what I have gathered:

TL;DR

• There is no UI control for chat input text color today (though I know it’s on the product teams’ radar and I will flag it again)
• Input styling is not inherited from Paragraph text
• Customer Hub design settings override Web Chat settings
• Custom CSS is the best path for now

Why this is happening

At the moment, there is no standalone “Input text color” setting for the Web Chat widget in Settings > Web Chat > Customization. The Paragraph font color only controls message bubbles, not the text inside the input field, which is why changing it didn’t help.

Customer Hub vs. Web Chat (important)

If Customer Hub is enabled, it fully controls the Web Chat’s appearance and overrides the standalone Web Chat customization settings. This includes the chat input field. When Customer Hub is active, Web Chat styling options are effectively disabled to avoid conflicts.

How to fix it (recommended workaround)

To explicitly set the input text color, use Custom CSS in Customer Hub:

1. Go to Customer Hub > Design > Custom CSS

2. Try adding the following:

.kl-hub-input {

  color: #000000;

}

.kl-hub-input::placeholder {

  color: #7A7A7A; /* optional */

}

3. Save, then preview or load the widget live.

This targets the input field directly and ensures the text remains visible on a light background.

If Customer Hub is not enabled and you’re still seeing white input text, definitely reach out to Klaviyo Support.

Hope this helps a bit, at the very least in validating your experience and troubleshooting! Be sure to update me and anyone else who may experience this issue going forward in this thread if you figure it out.

Thank you for the detailed explanation. 

To clarify your points: Customer Hub is not active on our account. Our site is built on WordPress, and we are using the standalone Web Chat integration.

Since the Paragraph font color doesn't inherit to the input field and I don't have the Customer Hub 'Custom CSS' option available to me, it looks like I have hit the scenario you mentioned. I will reach out to Klaviyo Support directly.

I'll make sure to update this thread once I have a resolution from them in case anyone else on WordPress runs into this!

​@Aleytx ugh! Sorry, it wasn’t a straightforward fix. Good luck!