Change size of chat icon - Palo Alto Theme

Store Design
,
1

Hi everyone, I am currently working a on a website. Is it possible to help me make the chat icon smaller? I’m guessing it should be done editing the theme.css but what I tried didn’t work.

URL: https://arty-dandy.myshopify.com/

Password: artyd

Thanks in advance!!

2

Dear @omh75 ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

BSSCommerceB2B_0-1718386861391.png
BSSCommerceB2B_0-1718386861391.png400×195 26.3 KB

Step 2: Search for the file theme.css. And add this code snippet to the end of the file.

#ShopifyChat {
    scale: 0.65 !important;
}

In this step, you can change the scale to make the chat icon smaller as you want.

In my example, I choose scale: 0.65.

Step 3: Save your code and reload this page.

=>> The result:

BSSCommerceB2B_2-1718387016650.png
BSSCommerceB2B_2-1718387016650.png1903×933 386 KB

BSSCommerceB2B_1-1718386989671.png
BSSCommerceB2B_1-1718386989671.png1910×978 441 KB

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

1 Like
3

Just what I needed, thank you very much!! have a good day too

4

Thanks @omh75 ,

It’s my pleasure to support you!