Title: Chat button position
Last modified: March 2, 2025

---

# Chat button position

 *  Resolved [wiltscomputers](https://wordpress.org/support/users/wiltscomputers/)
 * (@wiltscomputers)
 * [1 year, 5 months ago](https://wordpress.org/support/topic/chat-button-position/)
 * I am using the shortcode to show the chat button but it covers another button(
   scroll to top) I have tried to change the position of the chat button using CSS
   but had no success. Is there a way to do this?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fchat-button-position%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [Tripetto](https://wordpress.org/support/users/tripetto/)
 * (@tripetto)
 * [1 year, 5 months ago](https://wordpress.org/support/topic/chat-button-position/#post-18338977)
 * 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:
 *     ```wp-block-code
       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.
 *  Thread Starter [wiltscomputers](https://wordpress.org/support/users/wiltscomputers/)
 * (@wiltscomputers)
 * [1 year, 5 months ago](https://wordpress.org/support/topic/chat-button-position/#post-18339052)
 * 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!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Chat button position’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/tripetto_4e3e4f.svg)
 * [Tripetto - Form builder for contact forms, surveys and quizzes](https://wordpress.org/plugins/tripetto/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tripetto/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tripetto/)
 * [Active Topics](https://wordpress.org/support/plugin/tripetto/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tripetto/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tripetto/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [wiltscomputers](https://wordpress.org/support/users/wiltscomputers/)
 * Last activity: [1 year, 5 months ago](https://wordpress.org/support/topic/chat-button-position/#post-18339052)
 * Status: resolved