You need to use custom CSS, which is available for Professional and Ultimate users.

Go to Design > Add custom CSS > Edit

Provide the code bellow:


#survicate-box .surv-smileys .surv-smiley.surv-smiley-sad{

   left: 160px;

   position:relative;

}

#survicate-box .surv-smileys .surv-smiley.surv-smiley-happy{

   position: absolute;

   left: 25px;

}

Customizing Smiley Scale faces:

You may also edit the color of smiley-scale question faces.

#survicate-box .surv-smileys .surv-smiley.surv-smiley-sad {
    background-color: #e74c3c;
    border-bottom: 1px solid #7b190f;
}

#survicate-box .surv-smileys .surv-smiley.surv-smiley-sad:hover {
    background-color: #ed7669;
}

#survicate-box .surv-smileys .surv-smiley.surv-smiley-sad path {
    fill: #a82315;
}

#survicate-box .surv-smileys .surv-smiley.surv-smiley-neutral {
    background-color: #ff9800;
    border-bottom: 1px solid #663d00;
}

#survicate-box .surv-smileys .surv-smiley.surv-smiley-neutral:hover {
    background-color: #ffad33;
}

#survicate-box .surv-smileys .surv-smiley.surv-smiley-neutral path {
    fill: #995b00
}

#survicate-box .surv-smileys .surv-smiley.surv-smiley-happy {
    background-color: #5cb45e;
    border-bottom: 1px solid #265227;
}

#survicate-box .surv-smileys .surv-smiley.surv-smiley-happy:hover {
    background-color: #7fc481;
}

#survicate-box .surv-smileys .surv-smiley.surv-smiley-happy path {
    fill: #367437;
}

For more CSS customization go to this article.

Did this answer your question?