Update bot appearance (color/mobile)

Ask the Community
1

I updated the Web Chat → Settings → stylesheet with a copy of the example given here. All I changed was the color fill: rgb(x,y,z). But the change is not taking effect. Any ideas?

If the stylesheet setting is updated, does the CSS have to include all CSS settings or can it just contain the section (in this case button appearance) that I want to change?

The other question: is there a simple update to make it appear readable on mobile web? By default, the fonts are too large to appear properly on a mobile browser? Is there a standard, responsive CSS I could use as a base?

Many thanks!

2

Hello,
Make sure your stylesheet link is valid in the code and try deleting your browser cache.
You don’t have to include every class, just the ones you want to change.

For the responsive part on mobile, i have the same problem… and looking for a solution too

1 Like
3

Did you find any fix for mobile text very big?

4

No, not so far. I do not have CSS skills. Did not find anything online that I can use.

5

Thanks. The CSS link is valid. I can paste the url in the browser and it shows up instantly. It’s on a server I control.

6

I got it working.However the mobile still looks very bad and is not reflecting any css classes on mobile. Works nice only in desktop.

chatBotUI
chatBotUI1284×2778 166 KB

7

Thanks. Are you able to share how you changed the bot color?

8

Hey guys,

We are working on that; sorry for any inconvenience.

9

@andy, can you send me your embedding code after removing the sensitive information?

10

@andy
i have fixed all the styling
access here: https://savorsmart.co/emotional/styles.css

Might be helpful for you.

11

Athul, this is very good. It is much better than the default. Thank you!

12

@athul.sreenivasan btw I tested on mobile, with your CSS, mobile is usable, thx!

1 Like