Hi there Where in the code I can apply CSS to change the following on the shopify chat button: • size of closed button • remove round corners in open chat • change font size/style

Hey @CStudios Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated. Best Regards, Moeed

Sure thank you @Moeed ! URL: https://www.cadeaustudios.com/

I’m unable to see the Shopify chat button on your website, do you have it disabled? If yes, then can you please enable it so that I can provide you the necessary code for customization of it. Best Regards, Moeed

Hey @CStudios Follow these Steps: Go to Online Store Edit Code Find theme.liquid file Add the following code in the bottom of the file above tag RESULT: [Moeed_0-1719838214329.png] If I managed to help you then, don’t forget to Like it and Mark it as Solution! Best Regards, M…

Here is the solution for you @CStudios Please follow these steps: [step.png] Then find the style.css file. Then add the following code at the end of the file and press ‘Save’ to save it. /*styles button closed*/ .chat-app .chat-app--close-button { width: 80px !important; height: 80px …

Thanks so much @BSS-TekLabs ! I can’t find the style.css though? could it be called something else?

Thank you, yes i tried that too. It’s not working :disappointed_face:

How do I customise the style of the shopify chat button?

Shopify Apps

CStudios July 1, 2024, 1:00pm 7

Thank you, I have done what you have proposed. Unfortunately it’s not working though ?

Topic		Replies	Views
Resizing chat button for Shopify Inbox Shopify Apps shopify-apps	1	53	January 14, 2025
Reducing the Button Size for Support Chat Technical Q&A css	2	46	July 8, 2024
Shopify Inbox Chat Button CSS Shopify Design design , css	7	79	May 20, 2024
How can I modify the chat button style to avoid overlapping issues? Shopify Discussion troubleshooting	12	121	September 12, 2023
How can I resize and rename the chat button on my site? Store Design design , customizations , css , shopify-themes	1	36	November 14, 2022

How do I customise the style of the shopify chat button?

Related topics