Grunion Contact Form suggestion: make input fields and "push button" class filterable

[jimmyandrade]

Often, my themes use a framework such as Bootstrap - which have input & button-specific classes - and it is not good to change the CSS code to change the appearance of the Grunion Contact Form elements.

So my proposal would be to make the class attribute of inputs and buttons filterable, so that I can add the classes I want without having to hack the WordPress core or my CSS framework.

On the inputs, this line is responsible for the class:

jetpack/modules/contact-form/grunion-contact-form.php

Line 2555 in 7b80159

$class = $this->get_attribute( 'class' );

In the case of the button, we would need to change this line mainly:

jetpack/modules/contact-form/grunion-contact-form.php

Line 1548 in 7b80159

$r .= "\t\t<input type='submit' value='" . esc_attr( $form->get_attribute( 'submit_button_text' ) ) . "' class='pushbutton-wide'/>\n";

I want to submit a PR, but I'm posting this issue here to collect opinions.

[rodruiz]

Could you add the new attribute 'submit_button_class'?
Then:

$r .= "\t\t<input type='submit' value='" . esc_attr( $form->get_attribute( 'submit_button_text' ) ) . "' class='" . esc_attr( $form->get_attribute( 'submit_button_class' ) ) . "'/>\n";

Thank you!

[jeherve]

also suggested here:
https://twitter.com/wavetree/status/941390483829547009