how to change button style on Gravity Forms buttons the theme style?

[groubee]

Hi

How can I change the Gravity Forms button style,

see https://www.dropbox.com/s/kf64i0ahxd69iq2/how-to-change-button-style.jpg?dl=0

or here in the right widget: http://www.skisme.dk/lejligheder/

I world like to change the Gravity Forms button style to the theme style, like here:

https://www.dropbox.com/s/jbmkzbelkplydzb/like-this-button.jpg?dl=0

I hope you can help me?

best regards

Tonny

 

[Laura]

Hello, try by adding this to style.css

COPY CODE

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    background-color: #00B9F7;
    border: none;
    padding: 10px;
    border-radius: 60px;
}

Let me know if it helps 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[groubee]

Thanks – it works great! can I add hover?

[Laura]

Hello, yes, add this 🙂

COPY CODE

.gform_wrapper input[type=submit]:hover {
    background-color: rgba(0,185,247, 0.7);
    transition: all .3s ease-in-out 0s;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[groubee]

Thanks a lot @Laura it works great!!

[bassfan]

For any others that are looking at this, I used this GF filter to make my buttons one of the buttons included in the kleo theme. You can change the “class” to be any of their buttons.

COPY CODE

add_filter( 'gform_submit_button', 'gform_submit_button', 10, 2 );
function gform_submit_button( $button, $form ) {
	$button = sprintf(
		'<input type="submit" class="btn btn-primary btn-lg" id="gform_submit_button_%d" value="%s">',
		absint( $form['id'] ),
		esc_attr( $form['button']['text'] )
	);

	return $button;
}

[groubee]

Nice!! thanks a lot @bassfan

[Laura]

Awesome @bassfan thanks you for sharing it 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts