TroubleshootingBeginner3 min read

Chat Widget Colors Not Matching Brand? Customization Fix

Fix chat widget color issues in Local Business Pro when colors don't match your website branding.

Quick Answer: Update chat widget colors in Connect > Website Chat > Edit Style. Enter your brand's hex color codes for primary and secondary colors, then save to apply.

Common Color Issues

Default colors showing - Custom colors not saved
Wrong shade - Hex code entered incorrectly
Cache issue - Browser showing old colors
Contrast problems - Secondary color doesn't contrast well with primary

Step-by-Step Fix

Navigate to Connect > Website Chat
Click the Edit Style button
Find the Primary Color picker
Enter your brand's hex code (e.g., #0066CC)
Find the Secondary Color picker
Enter a complementary color for text/accents
Preview the changes in real-time
Click Save to apply
Clear your browser cache and refresh your website

Frequently Asked Questions

Q: Where do I find my brand's hex color code?
A: Check your brand guidelines, ask your web designer, or use a browser extension like ColorZilla to pick colors from your website.

Q: Why are changes not appearing on my website?
A: Clear your browser cache and try viewing in an incognito window. Changes may take a few minutes to propagate.

Tags:

website-chatcolorsbrandingcustomizationtroubleshooting

Was this article helpful?

How-To