# チャットの吹き出し表示位置は設定できますか

**URL:** <https://community.hubspot.com/t/topic/52254>\
**Category:** Tips, Tricks & Best Practices\
**Created:** [February 28, 2022, 8:29am UTC](https://community.hubspot.com/t/topic/52254 "2022-02-28T08:29:46Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![fmachida](https://avatars.discourse-cdn.com/v4/letter/f/13edae/32.png) [@fmachida](https://community.hubspot.com/u/fmachida)\
**Post date:** [February 28, 2022, 8:29am UTC](https://community.hubspot.com/t/topic/52254/1 "2022-02-28T08:29:46Z")

</div>

WordPressテーマのTOPへ戻るボタンが位置調整できず、HubSpotチャットの吹き出しと重なってしまいますが位置調整は可能でしょうか。

---

<div class="post-metadata">

**Author:** ![Keit](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/keit/32/13289_2.png) [@Keit](https://community.hubspot.com/u/Keit)\
**Post date:** [February 28, 2022, 10:08am UTC](https://community.hubspot.com/t/topic/52254/2 "2022-02-28T10:08:46Z")

</div>

@fmachida さま

HubSpotのチャットの表示位置ですが、管理画面からは変更ができませんが、

CSSで制御されているので、以下のIDに対し、CSSでポジションを指定すると表示位置の調整が可能です。

`#hubspot-messages-iframe-container {bottom:100px !important;}#hubspot-messages-iframe-container.widget-align-right {left:1200px !important;}`

CSSの解説はこの場では記載しませんが、以下のページなどをご確認ください。

> **[【CSS】positionを徹底解説！簡単Webレイアウト入門](https://blog.codecamp.jp/css-position-property)**

以上、ご参考になれば幸いです。

---

<div class="post-metadata">

**Author:** ![natsumimori](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/natsumimori/32/39807_2.png) [@natsumimori](https://community.hubspot.com/u/natsumimori)\
**Post date:** [March 1, 2022, 1:47am UTC](https://community.hubspot.com/t/topic/52254/3 "2022-03-01T01:47:50Z")

</div>

@Keit さんのアドバイスに付け加えて、チャットウィジェットを右下表示と左下表示どちらにするか、だけでしたら変更可能なのでご紹介します＾＾

1. ⚙
2. 受信トレイ
3. 受信トレイ
4. チャネル
5. チャットウィジェットの配置

 ![Mouse_Highlight_Overlay.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/f/fe596fa9776f05650f9a51e15b287a36ee3a5a58.png)

---

<div class="post-metadata">

**Author:** ![fmachida](https://avatars.discourse-cdn.com/v4/letter/f/13edae/32.png) [@fmachida](https://community.hubspot.com/u/fmachida)\
**Post date:** [March 1, 2022, 4:29am UTC](https://community.hubspot.com/t/topic/52254/4 "2022-03-01T04:29:33Z")

</div>

とても助かります。ありがとうございました。