How to change the colors of payment options in a form to differentiate from one offering to another?

If you look at my "Parole Client Intake Form", I offer 3 different packages. I want to make the 3 buttons, reflect each of the 3 offerings (basic, advanced, and premium) as other colors. Perhaps, Bronze, Silver, and Gold. Is this possible? If so, how do I do it?

Hi Brandon,

Thanks for reaching out to Jotform Support. I understand what you’d like to do, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

Thanks for your patience and understanding, we appreciate it.

Hi Brandon,

You can inject Custom CSS Code in your form to change the colors of the payment options and make it different from one offering to another. Let me show you how:

1. First, copy this code:

/*Change the color of payment options - #19212441*/

[pid="1007"],

[pid="1000"],

[pid="1001"]

{

  background-color: #CD7F32 !important;

}

[pid="1008"],

[pid="1004"],

[pid="1002"]

{

  background-color: #C0C0C0 !important;

}

[pid="1009"],

[pid="1005"],

[pid="1006"]

{

  background-color: #FFD700 !important;

}

/*Code ends here*/

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject Custom CSS box. That’s it. The code is automatically saved.

We also have a guide to help you learn How to Inject Custom CSS Codes.

Give it a try and let us know if you have any other questions.