Voiceflow widget CSS overrides not applying on WordPress
Hi, I have the Voiceflow chat widget working. On a non-WordPress site my CSS overrides apply, but on a WordPress site they do not.
What I’m doing on WordPress:
JS added via WPCode HTML snippet in Footer (widget loads fine)
CSS added in Header (Additional CSS or an HTML style tag)
Example CSS (trying to restyle bot bubbles):
.vfrc-system-response .vfrc-message {
background-color: #000000 !important;
color: #FFFFFF !important;
}
Added it as both <style> </style> in html as well as a separate CSS Code snippet.
Is there a recommended way to override widget styles on WordPress?
What I’m doing on WordPress:
JS added via WPCode HTML snippet in Footer (widget loads fine)
CSS added in Header (Additional CSS or an HTML style tag)
Example CSS (trying to restyle bot bubbles):
.vfrc-system-response .vfrc-message {
background-color: #000000 !important;
color: #FFFFFF !important;
}
Added it as both <style> </style> in html as well as a separate CSS Code snippet.
Is there a recommended way to override widget styles on WordPress?