# CSS to make the background transparent in chat surveys

**URL:** <https://community.surveysparrow.com/t/css-to-make-the-background-transparent-in-chat-surveys/3286>\
**Category:** CSS Knowledge Bonanza! 🕺\
**Created:** [April 19, 2023, 10:48am UTC](https://community.surveysparrow.com/t/css-to-make-the-background-transparent-in-chat-surveys/3286 "2023-04-19T10:48:47Z")\
**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:48am UTC](https://community.surveysparrow.com/t/css-to-make-the-background-transparent-in-chat-surveys/3286/1 "2023-04-19T10:48:47Z")

</div>

CSS to make the background transparent in chat surveys:

/\* custom background color to chat window \*/  
.surveysparrow-chat\_\_split-layer{  
/_adjust transparency with values ranging from 0 to 1;_/  
background: rgba(255, 255, 255, 0.5);  
}  
.surveysparrow-chat-userinput{  
background: transparent;  
}

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

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