CSS to add a Logo to the Footer of the survey

To add a logo to the footer using CSS, please follow the steps below:

Ensure that the "Survey Footer" option is enabled under the "Build" > "Design" tab.

.ss-classic-footer__left {
position: relative;
}
.ss-classic-footer__left::before {
content: '';
position: absolute;
width: 100%;
height:75%;
left: calc(100% - 50px);
top : 50%;
transform: translateY(-50%);
background-size: contain;
background-position: left center;
background-repeat: no-repeat;
background-image: url('https://static.surveysparrow.com/application/images-dev/1683721773971__56c2f12f7f6699ed10c399aaae17c59b6df3e01382270b013c04484c8c76__oneplus-logo.png');
}

Please note that the URL provided in the code should be replaced with the URL of the logo image you wish to use.

Here are the screenshots for reference

If you have further questions or need assistance, we are just a chat away! :smiley:

1 Like