Changing Infill Colour Inside the Circle of List Field Plus and Minus Symbols

Good morning, hoping for some assistance please. Since removing Legacy the infill colour of these symbols in almost black, so just look like dots. Could I please ask for a CSS code where I could change the infill to white inside the circle, so the symbols can be seen clearly.

Thanks

If you’re using the block editor and your form theme is set to Orbital, you should be able to modify the color using the button style features. However, this will also change the color of the submit button.

If your form theme is set to Orbital, you can target the list add/delete buttons, with this CSS:

button.add_list_item, button.delete_list_item {
   background-color: #333 !important;
}

If you want to target a specific form, you can use something like this, but replace the _1 with your form ID number:

#gform_wrapper_1 button.add_list_item, button.delete_list_item {
    background-color: #333 !important;
}

If you’re using the Gravity Forms 2.5 Theme, this will not work because that theme style uses an image for the button.

If you need additional assistance, please share the URL to the page where the form is embedded so that we can inspect the form and provide a more specific solution.

1 Like

Thank you so much. It works. Very grateful.

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.