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

  • Profile Image
    printit
    Asked on February 08, 2018 at 04: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.

  • Profile Image
    Jim_R
    Answered on February 08, 2018 at 06:05 PM

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

    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:

  • Profile Image
    printit
    Answered 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.1

  • Profile Image
    EltonCris
    Answered 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.