Changing hover color on Back and Next buttons

Is there a way to change the hover color of the text on my Back and Next buttons on each page without changing the hover color of text in the questions? Currently the hover color on all text is purple and we would like the hover color of the text on the buttons to be white. Thank you for your assistance.

Hi Patrick,

Thanks for reaching out to Jotform Support. This can be achieved with some custom CSS. Here's how:

1. Copy the following CSS: 

ul.form-section li.form-input-wide button:hover {

 color: white !important;

}

2. Open your form in the Form Builder, and click Paint Roller icon from the upper-right corner of the page.
3. Select Styles tab.
4. Scroll the panel down, and add previously copied CSS at the top of Inject Custom CSS section.

You can also check out this guide to see how to inject the CSS.

Give it a try and let us know how it goes.

Thank you - that worked on everything but the Back and Submit buttons on the last page. Is there different code for that?

Hi Patrick,

To solve this, replace the CSS from my previous reply with the following one:

ul.form-section li.form-input-wide

button:hover,

#form-pagebreak-back_32:hover,

#input_2:hover {

  color : white !important;

}

You can follow the same steps to add it.

Give it a try and let us know how it goes.

Perfect. Thank you for your assistance.