# CSS to make the chat interface colour transparent

**URL:** <https://community.surveysparrow.com/t/css-to-make-the-chat-interface-colour-transparent/2935>\
**Category:** CSS Knowledge Bonanza! 🕺\
**Created:** [November 25, 2022, 7:20am UTC](https://community.surveysparrow.com/t/css-to-make-the-chat-interface-colour-transparent/2935 "2022-11-25T07:20:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jayesh\_Urath](https://avatars.discourse-cdn.com/v4/letter/j/9e8a1a/32.png) [@Jayesh\_Urath](https://community.surveysparrow.com/u/Jayesh_Urath)\
**Post date:** [November 25, 2022, 7:20am UTC](https://community.surveysparrow.com/t/css-to-make-the-chat-interface-colour-transparent/2935/1 "2022-11-25T07:20:05Z")

</div>

This CSS code will make the chat widget transparent to the background image/colour.

.surveysparrow-chat\_\_split-layer {  
background: transparent;  
}

 ![Screenshot 2023-08-09 at 3.54.50 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/b243944e0e882b25e4eea7574a004869257b6a59.jpeg)

 ![Screenshot 2023-08-09 at 3.54.28 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/ec31bcc27d6be4b501fd0c7dc8989984ce0949f8.jpeg)