# CSS to add Semi-transparent overlay for survey background

**URL:** <https://community.surveysparrow.com/t/css-to-add-semi-transparent-overlay-for-survey-background/3308>\
**Category:** CSS Knowledge Bonanza! 🕺\
**Created:** [April 20, 2023, 11:03am UTC](https://community.surveysparrow.com/t/css-to-add-semi-transparent-overlay-for-survey-background/3308 "2023-04-20T11:03:14Z")\
**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 20, 2023, 11:03am UTC](https://community.surveysparrow.com/t/css-to-add-semi-transparent-overlay-for-survey-background/3308/1 "2023-04-20T11:03:14Z")

</div>

CSS to add Semi-transparent overlay for survey background:

.surveysparrow-survey-container--conversational-chat:before{  
content:'';  
position: absolute;  
height: 100%;  
width: 100%;  
background-color: black;  
opacity:0.4;  
z-index:-1;  
}