Shopify Inbox chat

yrt3
Tourist
29 0 1

How to reduce the chat bubble icon size?

Replies 5 (5)

AAArtist
Shopify Expert
18 0 1

Did you tried to change the size of the bubble icon with CSS?

 

<style>
  #dummy-chat-button-iframe {
    width: 45px;
    height: 45px;
  }
</style>

 

❤️ Heartbeat ‑ Health Monitoring with 50+ metrics
https://apps.shopify.com/shopcheck-xxl
yrt3
Tourist
29 0 1

Where to paste it?

AAArtist
Shopify Expert
18 0 1

The easiest way would be to put this into the theme.liquid, right before the opening <body> Tag.

 

...
some code
...
<style>
  #dummy-chat-button-iframe {
    width: 45px;
    height: 45px;
  }
</style>
<body>
...
some code
...
❤️ Heartbeat ‑ Health Monitoring with 50+ metrics
https://apps.shopify.com/shopcheck-xxl
yrt3
Tourist
29 0 1

Not working

AAArtist
Shopify Expert
18 0 1

Store url?

❤️ Heartbeat ‑ Health Monitoring with 50+ metrics
https://apps.shopify.com/shopcheck-xxl