# CSS to change the navigation keys to words

**URL:** <https://community.surveysparrow.com/t/css-to-change-the-navigation-keys-to-words/3341>\
**Category:** CSS Knowledge Bonanza! 🕺\
**Created:** [May 3, 2023, 8:33am UTC](https://community.surveysparrow.com/t/css-to-change-the-navigation-keys-to-words/3341 "2023-05-03T08:33:04Z")\
**Posts on this page:** 2\
**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:** [May 3, 2023, 8:33am UTC](https://community.surveysparrow.com/t/css-to-change-the-navigation-keys-to-words/3341/1 "2023-05-03T08:33:04Z")

</div>

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

 ![Screenshot 2023-05-03 at 2.01.12 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/de2678fbb153c54bf2f913b41ca0b4c45c024ffa.png)

 ![Screenshot 2023-05-03 at 2.01.22 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/31795ff8e5cb361d76d8110bbd09271cbfebe585.png)

---

<div class="post-metadata">

**Author:** ![dancewizensw](https://avatars.discourse-cdn.com/v4/letter/d/ecc23a/32.png) [@dancewizensw](https://community.surveysparrow.com/u/dancewizensw)\
**Post date:** [May 25, 2023, 8:07am UTC](https://community.surveysparrow.com/t/css-to-change-the-navigation-keys-to-words/3341/2 "2023-05-25T08:07:35Z")

</div>

Works great, thanks!