Hi there, thanks for your message.
From within Tripetto there’s no setting for the chat button position. But you can do it with some custom CSS in your site.
The position is set by a right and bottom setting. The difficult part is that Tripetto doesn’t have fixed class names, so you can do something like this to address the Tripetto chat button:
div[id^="tripetto-runner"] iframe { right: 50px !important; }
That selects the div with the tripetto-runner ID. In there are the chat form and the chat button, both as an iframe. This example custom CSS sets both the form’s iframe and the button’s iframe to 50 pixels from the right, overruling the default position.
Hope this helps you in the right direction.
Many thanks for the reply. I wasn’t sure what the ^ refers to though?
I tried this code –
#tripetto-runner-c418265d iframe { right: 50px !important; }
“tripetto-runner-c418265d” is my DIV ID but nothing changes…
Am I missing something?
Thanks!
