Issues with styling Botpress #🤝help

Issues with styling

freezing-agent-97632

08/29/2023, 6:44 PM

Hello, I have implemented some style to my chat widget, however, the widget image provider isnt showing up on the widget icon, it keeps the botpress image. Is it an on going issue or am i have done anything wrong? I attach a picture of what it should look like and the other picture is how it looks on the web page.

https://cdn.discordapp.com/attachments/1146153444219031613/1146153444881748088/Web_capture_29-8-2023_12435_styler.botpress.app.jpeg▾

https://cdn.discordapp.com/attachments/1146153444219031613/1146153445099847780/Web_capture_29-8-2023_124334_127.0.0.1.jpeg▾

rich-lamp-98721

08/29/2023, 8:11 PM

can you share the CSS file you are using to get this done?

freezing-agent-97632

08/30/2023, 1:26 PM

SUre

freezing-agent-97632

08/30/2023, 1:26 PM

https://cdn.discordapp.com/attachments/1146153444219031613/1146435841707745390/message.txt

freezing-agent-97632

08/30/2023, 1:27 PM

I tried doing some changes, however, the little chat image, the one showed in the second picture, shows in front of the custom picture I attached.

freezing-agent-97632

08/30/2023, 1:28 PM

@rich-lamp-98721

freezing-agent-97632

08/30/2023, 1:30 PM

https://cdn.discordapp.com/attachments/1146153444219031613/1146436891844018277/Web_capture_30-8-2023_73040_nicepage.com.jpeg▾

rich-lamp-98721

08/30/2023, 3:01 PM

https://cdn.discordapp.com/attachments/1146153444219031613/1146459612007120946/Screenshot_2023-08-30_at_11.01.07_AM.png▾

rich-lamp-98721

08/30/2023, 3:01 PM

Here's the modified css file -> https://bpweb.sebastienburon.com/cssTheme/sha23.css

rich-lamp-98721

08/30/2023, 3:02 PM

I simply added

Copy code

.bpw-floating-button:before {
 display: none;
}

freezing-agent-97632

08/30/2023, 3:07 PM

Thank you, you rock!!!

freezing-agent-97632

08/30/2023, 4:25 PM

@rich-lamp-98721 For some reason it does show cool on the bot builder on botpress, but when I applied the CSS you provided it keeps showing as the image sent above, here's the Codepen link https://codepen.io/izar23/pen/mdaPGpB

freezing-agent-97632

08/30/2023, 4:28 PM

Don't know if I am missing something.

rich-lamp-98721

08/30/2023, 5:24 PM

"hostUrl": "https://cdn.botpress.cloud/webchat/v1",

rich-lamp-98721

08/30/2023, 5:25 PM

It's set to v0 on your codepen. Change that link to v1 and you will be good

freezing-agent-97632

08/30/2023, 5:48 PM

Lovely, thank you @rich-lamp-98721

freezing-agent-97632

08/30/2023, 6:35 PM

By the way, I have tried to take the send button out of the place holder, but I have some dificulties, can you help me out with it?

https://cdn.discordapp.com/attachments/1146153444219031613/1146513648915841044/image.png▾

freezing-agent-97632

08/30/2023, 6:35 PM

@rich-lamp-98721

freezing-agent-97632

08/30/2023, 6:36 PM

Should I also change V0 to v1 on the pre configuration script?

rich-lamp-98721

08/30/2023, 6:37 PM

Yes

freezing-agent-97632

08/30/2023, 6:49 PM

Will do, by the way, is there any way to fix the send button issue?

rich-lamp-98721

08/30/2023, 7:05 PM

I'm not sure I understand what you mean

freezing-agent-97632

08/30/2023, 7:47 PM

I mean to show like this

https://cdn.discordapp.com/attachments/1146153444219031613/1146531539778285589/image.png▾

freezing-agent-97632

08/30/2023, 7:47 PM

@rich-lamp-98721

rich-lamp-98721

08/30/2023, 8:25 PM

I'm not too sure about this one. You'll have to play around with the .bpw-send-buttons class

2 Views

Previous Next