CSS to change the navigation keys to words

CSS to change the navigation keys to words:

.surveysparrow-survey-container--classic-form .ss-classic-footer--old .ss_classic_footer_right_content_wrap .ss_classic_form_navigator a, .surveysparrow-survey-container--classic-form .ss-classic-footer--old .ss_classic_footer_right_content_wrap .ss_classic_form_navigator button {
width: auto;
/** Remove the below line if you need to have rounded button **/
border-radius: 4px;
}

.surveysparrow-survey-container--classic-form .ss-classic-footer--old .ss_classic_footer_right_content_wrap .ss_classic_form_navigator a::after, .surveysparrow-survey-container--classic-form .ss-classic-footer--old .ss_classic_footer_right_content_wrap .ss_classic_form_navigator button::after {
content: "Back";
font-size: 14px;
padding: 0 8px;
}

.surveysparrow-survey-container--classic-form .ss-classic-footer--old .ss_classic_footer_right_content_wrap .ss_classic_form_navigator a:last-child::after, .surveysparrow-survey-container--classic-form .ss-classic-footer--old .ss_classic_footer_right_content_wrap .ss_classic_form_navigator button:last-child:after {
content: "Next";
}

.surveysparrow-survey-container--classic-form .ss-classic-footer--old .ss_classic_form_navigator a svg, .surveysparrow-survey-container--classic-form .ss-classic-footer--old .ss_classic_form_navigator button svg {
display: none;
}

Works great, thanks!

3 Likes