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.

Can't target Submit Button Image.

  1. kinzlayer
    Member

    Trying to change the "Submit" button to a custom image on a specific form. The CSS I'm using to target the submit button on the one form is:

    [css]
    body #gform_wrapper_1 .gform_footer input[type=image] {background-image: url('http://cleanworksonline.adzsync.com/wp-content/uploads/2011/08/coupon-button.png');}

    But it doesn't change anything. Url for this form is:
    http://cleanworksonline.adzsync.com/

    The form ID is 1 and all other specific CSS edits are working great. I'm also using woothemes canvas theme with a custom stylesheet that loads last. The custom stylesheet is where I am adding the CSS edits so it shouldn't be a Theme conflict.

    Thanks in advance for all the help.

    Posted 10 years ago on Tuesday August 23, 2011 | Permalink
  2. Your form doesn't have an "image" input type, that's why your CSS isn't being applied. Also, why would you set a background image on a button that's already an image. I think you're going about this all wrong here.

    screenshot: http://i.imgur.com/F1yQQ.png

    You can set the submit button to use your custom image via the form builder. Just put your image path in there, save your form and you're good to go.

    screenshot: http://i.imgur.com/6TJxn.png

    Posted 10 years ago on Tuesday August 23, 2011 | Permalink
  3. kinzlayer
    Member

    You're the man! I get so involved with the CSS edits for your forms that I forget the real simple stuff. Thanks for the fast reply Kevin! Have a good one.

    Posted 10 years ago on Tuesday August 23, 2011 | Permalink
  4. Glad I could help.

    Posted 10 years ago on Tuesday August 23, 2011 | Permalink

This topic has been resolved and has been closed to new replies.