# CSS to replace the section name with the logo

**URL:** <https://community.surveysparrow.com/t/css-to-replace-the-section-name-with-the-logo/3295>\
**Category:** CSS Knowledge Bonanza! 🕺\
**Created:** [April 19, 2023, 11:58am UTC](https://community.surveysparrow.com/t/css-to-replace-the-section-name-with-the-logo/3295 "2023-04-19T11:58:33Z")\
**Posts on this page:** 4\
**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, 11:58am UTC](https://community.surveysparrow.com/t/css-to-replace-the-section-name-with-the-logo/3295/1 "2023-04-19T11:58:33Z")

</div>

CSS to replace the section name with the logo:

.surveysparrow-survey-container--classic-form .ss\_classic\_top\_bar .ss\_classic\_top\_bar\_section\_details h1{  
width: 100%;  
}

.surveysparrow-survey-container--classic-form .ss\_classic\_top\_bar .ss\_classic\_top\_bar\_section\_details p{  
font-size: 0px !important;  
position:relative;  
width: 100%;  
height: 48px;  
}

.surveysparrow-survey-container--classic-form .ss\_classic\_top\_bar .ss\_classic\_top\_bar\_section\_details p:after{  
content:'';  
position: absolute;  
top:50%;  
left:50%;  
width: 110px;  
height: 72px;  
transform: translate(0%, -60%);  
background-size: contain;  
background-repeat: no-repeat;  
background-image:url(https://static.surveysparrow.com/application/production/1678270840552\_\_69061ff193528d2e8c23269f4e8eec3eb7ac4d69f3ce86eb1cbc590dfd7b\_\_abstract\_backgrounds\_pattern\_537133.jpeg);  
}

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

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

---

<div class="post-metadata">

**Author:** ![Conversations](https://avatars.discourse-cdn.com/v4/letter/c/3ec8ea/32.png) [@Conversations](https://community.surveysparrow.com/u/Conversations)\
**Post date:** [April 26, 2023, 4:44pm UTC](https://community.surveysparrow.com/t/css-to-replace-the-section-name-with-the-logo/3295/2 "2023-04-26T16:44:17Z")

</div>

Useful. It will really help if you can also share how to increase no. of characters in the section title.

---

<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 27, 2023, 5:54am UTC](https://community.surveysparrow.com/t/css-to-replace-the-section-name-with-the-logo/3295/3 "2023-04-27T05:54:50Z")

</div>

Hi there!

We currently display 75 characters in the header part of the section-type question. Are you looking to increase that?

---

<div class="post-metadata">

**Author:** ![Conversations](https://avatars.discourse-cdn.com/v4/letter/c/3ec8ea/32.png) [@Conversations](https://community.surveysparrow.com/u/Conversations)\
**Post date:** [May 4, 2023, 11:17am UTC](https://community.surveysparrow.com/t/css-to-replace-the-section-name-with-the-logo/3295/4 "2023-05-04T11:17:08Z")

</div>

Yes, at least by 3 times