Hi all,
I am hoping someone has a workaround for this.
When I test the bot in the demo site - there is lots of space and it looks great.
However, when I embed in a custom website, tested on different browsers and environments:
The issue is this: clients are looking for the same look and feel as the demo site, with a low code option.
The parameters of the project I'm working on are to test low code options with ease of use and ease of deployment. So far, PVA is awesome on the flow/build/test side, unusable on the display side for custom embed comparative to competitors.
Any low code solutions or ideas?
Live and learn! Every day!
Thankyou, it was actually my bad trying to push through things too fast. I am hesitant to admit if I'd read the documentation slowly and closely, I would have avoided my issue, or at least being aware of how to fix it. Live and learn, right? Thanks so much for responding.
You can try to play with the CSS since the bot is just basic HTML.
Here is an example that will customize the size / color of a bot:
<style>
.heading {
background-color: black;
height: 50px;
}
.main {
margin: 18px;
border-radius: 4px;
}
p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p{
font-size: 15px !important;
}
#webchat {
position: fixed;
height: 500px;
width: 400px;
bottom: 40px;
right: 40px;
overflow: hidden;
border: 0.5rem outset black;
outline: 0.1rem solid red;
box-shadow: 0 0 0 0.5rem grey;
border-radius: 12px;
}
</style>