Target widget image via CSS
I can successfully alter the size of the 'launcher' using this code (green arrow),
The issue i'm having is I want to change the main image size in the launcher (red arrow) and make it bigger but I can't target it by any of the available css, is this possible?

8 Replies
To change the main image size in the launcher of your Voiceflow Chat Widget, you can target the image within the launcher using CSS. Here's how you can do it:
This CSS targets the elements within the
.vfrc-widget--chat
and .vfrc-system-response--list .vfrc-message--chat
classes, allowing you to resize the chat widget and system response messages.
For more information on customizing the chat widget, you can refer to the Voiceflow Chat Widget Documentation.No good for me...
Can offer any assistance please? @W. Williams (SFT)
foreign-sapphire•16mo ago
Try this, it works for me.
👆 that should work
Thanks again @randompenna ☺️
fascinating-indigo•15mo ago
@randompenna adding 50XP for ya for a 10/10 answer
plain-purple•3mo ago
Where could I add this css? I want the image to be full screen as well
You can add css inline like this https://discord.com/channels/1079548823610871889/1335991918940655646 which is the more convnient way or via a hosted css file. https://docs.voiceflow.com/docs/embed-customize-styling