CSS to replace the section name with the logo

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);
}

1 Like

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

Hi there!

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

Yes, at least by 3 times