Configurable List Widget: How do I increase the size of the "Add Row" button?

how do I increase the size of the "Add Row" button? Row height I have increaed to 45px but can't find the css code for the Add Row button.

Hello The Hon AES Bathurst,

Thanks for reaching out to Jotform Support. To increase the size of the "Add Row" button please add the below CSS code in your configurable list widget. The below code is to increase the width of the Add button in the configurable list widget as you mentioned you are able to increase the height of button

.add{

width:350px;

}

Let me show you how to do that:

• Select the Configurable list widget.
• Click on the Widget Settings option, which appears on the right side of the widget.
• Go to Custom CSS Tab, Add the above CSS code in the Code box.
• Click on the Update widget button at the bottom to save the changes in the widget.

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

Excellent thank you, actually I'd meant I could increase row height but not the button but usde logic andinserted height into your code and voila, size increases but not the + symbol itself, any ideas?

Hello Alexander Bathurst,

Is this the output you are looking for? If yes, the CSS code is attached below. Would you be able to share the link to the form that you are working on? We'll wait for your response. Thanks!

CODE:

.add{

margin-top: 20px;

margin-left: 5px;

height: 50px;

width: 150px;

}

it was the actual + that I wanted to make larger + in reflection I've had to remove the + row feature but thank you for your help.

If you wish to make the "+" text on the button, you can adjust the font size. Here's the output:

If you wish to apply this on your form, here's the CSS code:

.add{

margin-top: 20px;

margin-left: 5px;

height: 70px;

width: 70px;

}



button.add{

font-size: 4em !important

}