PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Rollover Hover Affect on Submit Button

  1. R Chilton
    Member

    Currently on my forms i have an Image as the submit button. I have put the path to the images in the "advanced" section under image path. I would like to create the button so that it will have a different image when someone hovers over it, but not sure what code to use since the image path is within the form.

    Thanks for the help.

    Posted 7 years ago on Tuesday February 19, 2013 | Permalink
  2. Richard Vav
    Administrator

    Can you post a link to a page containing your form, what you are trying to achieve will require some css

    Posted 7 years ago on Tuesday February 19, 2013 | Permalink
  3. R Chilton
    Member

    918nawreck.com

    Posted 7 years ago on Tuesday February 19, 2013 | Permalink
  4. Richard Vav
    Administrator

    Try putting the following in your theme's style sheet adding the url to your image and give that a try but I have a feeling you may also need to put the url for your non-hover image in a similar style rather than in the form editor.

    [css]
    body #gform_wrapper_8 .gform_footer:hover input[type=image] {
            width: 151px;
            height: 55px;
            margin-left: 100px;
            margin-top: -35px;
    	background: url() no-repeat;
    }
    Posted 7 years ago on Tuesday February 19, 2013 | Permalink