# CSS to customize the color for the up and down arrow and ring of the survey

**URL:** <https://community.surveysparrow.com/t/css-to-customize-the-color-for-the-up-and-down-arrow-and-ring-of-the-survey/3268>\
**Category:** CSS Knowledge Bonanza! 🕺\
**Created:** [April 19, 2023, 5:04am UTC](https://community.surveysparrow.com/t/css-to-customize-the-color-for-the-up-and-down-arrow-and-ring-of-the-survey/3268 "2023-04-19T05:04:44Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![adithya.s](https://avatars.discourse-cdn.com/v4/letter/a/cab0a1/32.png) [@adithya.s](https://community.surveysparrow.com/u/adithya.s)\
**Post date:** [April 19, 2023, 5:04am UTC](https://community.surveysparrow.com/t/css-to-customize-the-color-for-the-up-and-down-arrow-and-ring-of-the-survey/3268/1 "2023-04-19T05:04:45Z")

</div>

CSS to customize the color for the up and down arrow and ring of the survey :

.surveysparrow-survey-container--classic-form  
.ss-classic-footer--old .ss\_classic\_footer\_right\_content\_wrap .ss\_classic\_form\_navigator a {  
border-color: red !important;  
}

.surveysparrow-survey-container--classic-form .ss-classic-footer--old .ss\_classic\_footer\_right\_content\_wrap .ss\_classic\_form\_navigator a svg path {  
stroke: red !important;  
}

![Screenshot 2023-04-19 at 10.34.27 AM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/bbdfeb1fca542836aa63e1cf8a81fbb3a6a19ea1.png)