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.

Apply CSS class to input button

Gravity Support Forums » Plugin Support » Gravity Forms

  1. khazd0rf
    Member

    Hello,

    I'm having a hard time styling inputs buttons for my forms.
    My goal is to use the css class included on my theme : class="button large black round" to have the input button looking the same as my other buttons.

    I'm not a css expert and I tried to associate the css class to the button on the back office (éditing the form) I tried adding dots, spaces... but nothing works.

    I'm also trying to have input buttons centered but I don't manage to.

    One of my form URL / http://boxicomane.com/ajouter-box/

    Help would be very much appreciated.
    I'm sorry I know lots of persons have been asking about button styling, but I couldn't find the correct way to do it in the forum;

    Thanks,
    Thomas

    Posted 11 years ago on Sunday March 3, 2013 | Permalink

  2. Chris Hajer
    Key Master

    The general procedure will be to find the CSS in your theme files that will apply to the buttons in your theme, and copy those styles but adapt the selectors to target the Gravity Forms buttons. Many themes use a different style of markup for buttons, making it difficult to apply them to the Gravity Forms buttons. But you can normally get very close.

    Here is some documentation on how to target specific Gravity Forms elements:
    http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/
    http://www.gravityhelp.com/gravity-forms-css-visual-guide/

    Posted 11 years ago on Tuesday March 5, 2013 | Permalink

  3. khazd0rf
    Member

    Hi,

    Thanks, button styling is located into the extra.css file of the theme. http://pastebin.com/qdad0PjS

    I tried to paste CSS style under gravityforms intput elements of my style.css but that doesn't apply.

    Didn't manage to center the buttons neither.

    thanks,

    Posted 11 years ago on Tuesday March 5, 2013 | Permalink

  4. Chris Hajer
    Key Master

    What is the modified CSS you are using? It looks possible to use these styles with Gravity Forms elements, but we would need to see what you did (with a link to the file you modified on your site) to be able to see what might need to change.

    Please point to one button on the form and we will help you style that, and you can use the same procedure for your other buttons.

    Posted 11 years ago on Wednesday March 6, 2013 | Permalink