# CSS to change chat window background colour

**URL:** <https://community.surveysparrow.com/t/css-to-change-chat-window-background-colour/3285>\
**Category:** CSS Knowledge Bonanza! 🕺\
**Created:** [April 19, 2023, 10:46am UTC](https://community.surveysparrow.com/t/css-to-change-chat-window-background-colour/3285 "2023-04-19T10:46:12Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Venkata\_Abhijith](https://avatars.discourse-cdn.com/v4/letter/v/cab0a1/32.png) [@Venkata\_Abhijith](https://community.surveysparrow.com/u/Venkata_Abhijith)\
**Post date:** [April 19, 2023, 10:46am UTC](https://community.surveysparrow.com/t/css-to-change-chat-window-background-colour/3285/1 "2023-04-19T10:46:12Z")

</div>

CSS to change chat window background colour:

/\* custom background color to chat window _/  
.surveysparrow-chat\_\_split-layer{  
background: #b7fffc;  
/_ apply your color here \*/  
}  
.surveysparrow-chat-userinput{  
background: transparent;  
}

 ![Screenshot 2023-04-19 at 4.15.16 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/4cb8ffd373ff70acd91c6d73fc8e227672461454.png)

 ![Screenshot 2023-04-19 at 4.14.54 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/241734fc12b1ee67380c5ffa0e8f867ee39bf1c4.png)