Removing unwanted colour block that isnt visible on the design page, only the published page

  • Profile Image
    Chatter_Digital
    Asked on October 31, 2020 at 05:45 AM

    Hi there

    When I view the published version of my form, I am getting the green block at the bottom which doesnt look good. It is not there in the builder when I created the form. Could you help to have this removed?

    1604137456_5f9d31f063606_




  • Profile Image
    gerardw
    Answered on October 31, 2020 at 07:37 AM

    It could have been a form cache issue as I am not able to view that on your published form.

    I have additionally cleared the form cache on your account.

    Please check your website and let us know.

  • Profile Image
    Chatter_Digital
    Answered on October 31, 2020 at 08:17 AM

    Unfortunately it still shows up on my end. I tried a different browser and cleared the account cache myself but it still appears. Only occurred today, the form has been created for a while and worked fine.

  • Profile Image
    Patrick_R
    Answered on October 31, 2020 at 10:53 AM

    Hello! Please inject the following CSS code using these instructions on your form:

    form.jotform-form > div.form-all > ul:nth-child(4) > li.form-input-wide{
      background: no-repeat !important;
      width: auto !important;
    }

    Following is how the form should look like after implementing this code:

    1604155880_5f9d79e85363c_Chatter Client

    In case the changes don't show up on the embedded form of your website, then please clear your form cache.

    I hope this helps. Let us know if you come across any issues.

    Thank you!