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

Shopify Apps
8
  • Here is the solution for you @CStudios
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • 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 !important;
}
/*remove round corners*/
.interstitial-view {
     border-radius: 0px !important;
}
/*change font size, style*/
.composer-bar-wrapper .composer-bar-form textarea {
 font-size: 24px !important;
 font-style: italic !important;
}
  • Here is the result you will achieve:

BSSTekLabs_0-1719842972594.png
BSSTekLabs_0-1719842972594.png595×444 148 KB

-I have clearly stated what each piece of code does. You can change the style as you wish.

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.