How can I change the background of the add button inside the Infinite List widget

  • printit
    Asked on February 8, 2018 at 4:07 PM

    How can I change the background color or font color of a widget? You cannot see the one on our mail services page because the background and font are so light people are skipping over it.

    Jotform Thread 1378409 Screenshot
  • Support_Management Jotform Support
    Replied on February 8, 2018 at 6:05 PM

    The screenshot you sent is a bit different from how I see the widget on your form right now.

    How can I change the background of the add button inside the Infinite List widget Image 1 Screenshot 30

    The field within the widget looks fine in my opinion. What's barely visible is the background color of the ADD button since it's gray on gray. If that's what you wanted to adjust, inject these CSS codes to the INFINITE LIST widget's CUSTOM CSS section.

    .save {

      background: #555555;

    }

    Complete guide: How-to-Inject-CSS-Codes-to-Widgets

    Result:

    How can I change the background of the add button inside the Infinite List widget Image 2 Screenshot 41

  • printit
    Replied on February 12, 2018 at 11:23 AM

    Thank you for your quick response.

    I am still having a problem, however.

    I followed the instructions you provided, but it is not allowing me to update and save the change.

    I've tried several times. I click on the update widget tab and it does nothing. It does not save the change. It merely just lets me click on the tab, but doesn't actually do anything.

    Any suggestions?

    Thanks again!


    1518452493Screen Shot 2018 02 12 at 11 Screenshot 10

  • Elton Support Team Lead
    Replied on February 12, 2018 at 12:37 PM

    Thanks for reporting. I was able to reproduce the problem only in your form in that specific widget. However, this isn't happening when I add a new infinite list widget. 

    I think the current infinite list widget in your form has an outdated build. You will have to recreate the field to get a fine one. Just delete the existing field and create a new one. But before doing that, make sure to download a copy of your form submissions since deleting a field also deletes its associated data.

    Alternatively, you can also make a clone version of your form and recreate the infinite list widget in the cloned form.