Can I change the submit button text color? | XM Community
Skip to main content
Solved

Can I change the submit button text color?

  • December 11, 2019
  • 10 replies
  • 788 views

Forum|alt.badge.img
Right now, setting the Secondary Color makes the Submit button appear as the color I need, but the text color is automatic and I would like to change its color to something more accurate to the brand guidelines I have for my client. Is there any way to do this?

Best answer by npetrov937

Hi AYG, Go to Look & Feel -> Advanced -> Custom CSS and add the following code: `.Skin #Buttons #NextButton { color: #abcdef; }` Don't forget to change to the desired colour. You can use any styling you want here by using CSS (https://www.w3schools.com/css/default.asp). Hope that helps! Nikolay

10 replies

npetrov937
Level 2 ●●
Forum|alt.badge.img+4
  • Level 2 ●●
  • 124 replies
  • Answer
  • December 12, 2019
Hi AYG, Go to Look & Feel -> Advanced -> Custom CSS and add the following code: `.Skin #Buttons #NextButton { color: #abcdef; }` Don't forget to change to the desired colour. You can use any styling you want here by using CSS (https://www.w3schools.com/css/default.asp). Hope that helps! Nikolay

Forum|alt.badge.img
  • Author
  • 3 replies
  • December 12, 2019
That code doesn't appear to be working for me. I've tried it in the newer editor and the old one. Still nothing.

Forum|alt.badge.img
  • Author
  • 3 replies
  • December 12, 2019
I was mistaken! It worked. It doesn't show in the editor, but previewing the survey shows the correct colors. Thank you!

  • 11 replies
  • January 6, 2020
This worked for me! Thank you for the code. Is there a way to change the hover color as well?

npetrov937
Level 2 ●●
Forum|alt.badge.img+4
  • Level 2 ●●
  • 124 replies
  • January 7, 2020
> @bphelps said: > This worked for me! Thank you for the code. Is there a way to change the hover color as well? There is indeed - just add the `:hover` selector `.Skin #Buttons #NextButton:hover { background-color: #abcdef; }`

Forum|alt.badge.img+2
  • 7 replies
  • March 7, 2020
Desperately trying to change the color of the arrow within the button (not change the button color) - any hint of code? #Arrow doesn't work in above :)

Forum|alt.badge.img+2
  • 7 replies
  • March 7, 2020
Nevermind! It did work - thanks so much!

PSAnderson
  • 1 reply
  • December 1, 2020

What is the Custom CSS code to change the color of the arrow in both the Back Button and Next Button?


  • 1 reply
  • December 3, 2020

I know the CSS code to change the Next Button to a different color, but what is the code to change the Previous Button as well.

.Skin #Buttons #NextButton { color: #abcdef; }


Forum|alt.badge.img
  • 2 replies
  • April 17, 2025

For the Back button:
.Skin #Buttons #PreviousButton { color: #abcdef; }