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.

Styling Buttons on Forms

  1. I am trying to stylize a form using the css classes, but struggling a little bit. Ultimately, my goal is to add icons to the submit by by-form. I think I am messing up the css class trying to call the form, would it be possible to get an example?

    This iwhat I tried, with a few other variations, but couldn't get to work (called the css class for the form photosubmit

    .photosubmit input[type="submit"]
    {
    background-image: url('image.png')
    }

    Posted 11 years ago on Monday April 30, 2012 | Permalink
  2. Do you happen to have a link to your form you can share?

    Posted 11 years ago on Monday April 30, 2012 | Permalink
  3. Here is the link:
    http://hookahi.com/home-screen/big-board

    Posted 11 years ago on Monday April 30, 2012 | Permalink
  4. Right now, it looks like there is something adding in spans to form the current submit button styling. I'm guessing this is coming in from a plugin or theme setting of some kind? There are tons of ways to select the submit input - from super generic, to super specific by form ID even. You can also create an image and place it in your form's form settings per form.

    Screenshot

    I just used Chrome Developer Tools to inspect your submit button here.

    Posted 11 years ago on Monday April 30, 2012 | Permalink