Help with rollover image

  • SRWproducts
    Asked on February 24, 2015 at 2: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
  • raul
    Replied on February 24, 2015 at 3: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.

    Help with rollover image Image 1 Screenshot 20

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

  • SRWproducts
    Replied on February 24, 2015 at 4: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).

  • raul
    Replied on February 24, 2015 at 4: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:

    Help with rollover image Image 1 Screenshot 20

    Let us know if this helps.
    Thanks.

  • SRWproducts
    Replied on February 24, 2015 at 4:40 PM

    Perfect! Thanks!

  • Elton Support Team Lead
    Replied on February 24, 2015 at 5: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!