Best answer by npetrov937
View originalCan I change the submit button text color?
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?
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
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
That code doesn't appear to be working for me. I've tried it in the newer editor and the old one. Still nothing.
I was mistaken! It worked. It doesn't show in the editor, but previewing the survey shows the correct colors.
Thank you!
Thank you!
Userlevel 1
This worked for me! Thank you for the code. Is there a way to change the hover color as well?
> @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; }`
> 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; }`
+2
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
+2
Nevermind! It did work - thanks so much!
What is the Custom CSS code to change the color of the arrow in both the Back Button and Next Button?
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; }
Leave a Reply
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.