Configurable List Widget: How to change the "Add" button color?

Hi, Can you tell me how to change the color of the add button on the configuration list widget? It's currently grey, and I would like it to be a different color to be more noticeable.

Hi Michelle,

Thanks for using Jotform. You can change the color of the Add Row button on the Configuration List Widget by adding a custom CSS code. It's really easy. Let me show you how:

1. In Form Builder, click on the Configuration List Widget.
2. Select the widget’s wand icon to open Widget Settings.
3. Go to the Custom CSS tab, and copy the CSS code below.
   
   
   
4. Then, add it to the CSS Code box.
   
   

You can customize the color in the CSS code to any color you like.

Give it a try and reach out again if you have any other questions.

Hi Michelle,

Thanks for reaching out to Jotform Support. Sure, I can help you with that! You can change the Configurable list button by adding a Custom CSS code on the widget. Let me show you how to do that:

1. In Form Builder, click on the Configurable List Widget.
2. Click on the Wand Icon to open Widget settings and navigate to Custom CSS tab.
3. Copy the CSS code below and add it to the text box, then click Update Widget to save the changes.

.add{

background: #50C878 !important;

}

You can change it into your desired color, just check this Color Hex Color Codes to find the right Hex code.

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