What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Help with rollover image

    Asked by SRWproducts on February 24, 2015 at 02:30 PM

    My rollover image (Calculate Button)is coming in at a different size. Please help. 

     

    I went back into my form and it looks like both images are the same size now but they aren't the correct size of the original image.

    Page URL:
    http://form.jotform.us/form/50545138215147

    rollover image
  • Profile Image

    Answered by raul on February 24, 2015 at 03:53 PM

    I've checked your form and it seems that you were able to fix the issue by yourself since I was able to see the button and rollover image showing at the same size.

    Please let us know if you still need our assistance.
    Thank you.

  • Profile Image

    Answered by SRWproducts on February 24, 2015 at 04:14 PM

    It actually displays differently on a mobile and a computer. The image's actual size is 81x35, but if I put that in there the image is really squished (width 81, height 35).

  • Profile Image

    Answered by raul on February 24, 2015 at 04:36 PM

    Please try to use the following code instead:

    #id_168 { content : url( http://srwproducts.com/files/3614/2480/2454/Button_Calculate_up.png) no-repeat !important; width: 81px !important; height: 35px !important; margin: 0; margin-top: 20px; padding: 0; } #id_168:hover { content : url( http://srwproducts.com/files/1214/2480/3167/Button_Calculate_over.png) no-repeat !important; } #id_168:active { content : url( http://srwproducts.com/files/9614/2481/0374/Button_Calculate_down.png) no-repeat !important; }

    This should be the result:

    Let us know if this helps.
    Thanks.

  • Profile Image

    Answered by SRWproducts on February 24, 2015 at 04:40 PM

    Perfect! Thanks!

  • Profile Image
    JotForm Support

    Answered by EltonCris on February 24, 2015 at 05:51 PM

    @SRWproducts 

    On behalf of my colleague, you're welcome.

    Feel free to contact us again should you need assistance with your form.

    Regards!