How do I get my CSS inserted images to display on the form?

  • TGPForms
    Asked on June 9, 2017 at 5:20 PM

    I have inserted some images into my form using CSS. The files are hosted on my web server. I can see the images when I am in form designer, but the images do not show when I go to the live form.

    Also, the font color for the Message input box seems to be different than the others. How would I change that?

    Thank you!

    Jotform Thread 1169117 Screenshot
  • TGPForms
    Replied on June 9, 2017 at 5:46 PM

    I figued out the image problem. The link for the uploads was originally only located at an http:// address. I uploaded it to a https:// address and that seemed to work. 

    The Message font is still different :)

  • jonathan
    Replied on June 9, 2017 at 7:29 PM

    Thank you for updating us on the status and letting us know the image was now showing correctly.

    As to the Message text color, I assume you meant this

    How do I get my CSS inserted images to display on the form? Image 1 Screenshot 30

    I think it was being affected by the custom hint color...

    How do I get my CSS inserted images to display on the form? Image 2 Screenshot 41

     

    Try modifying the color using this CSS code

    .form-custom-hint {

        color: #666 !important;

    }

     

    See if all it matches with the color now.

     

     

  • TGPForms
    Replied on June 12, 2017 at 10:03 AM

    That is perfect, thank you!