Button alignment and Color

[user5cdc08c8acef8549 (Ron Poppen)]

Hi,

What can I do to change the Button color AND the alignment.
(I went to some earlyer topics, but that didn’t work out

[user5cdc08c8acef8549 (Ron Poppen)]

I’ve installed 2.9.0.4, no changes

[chrishajer (Chris (Gravity Forms))]

That’s a custom style applied to your form by your theme or a plugin. Please share a link to the page on your site where we can see the form. Thank you.

[user5cdc08c8acef8549 (Ron Poppen)]

Chris,

Contact -

[chrishajer (Chris (Gravity Forms))]

Hi Ron. The button size and text alignment is being affected by this Elementor style:

Unchecking the padding made the button look normal:

The button color is being modified by the Powerpack Lite for Elementor plugin:

Unchecking the background color allowed the Gravity Forms default color to show through:

The rules in Elementor are very specific and I don’t think we will be able to override that. You will need to remove the style in Elementor to remove that padding.

For Powerpack Lite, you should be able to edit that background color, but if not, you can override that with this CSS:

.pp-gravity-form .gform_wrapper .gform_footer input[type=button], 
.pp-gravity-form .gform_wrapper .gform_footer input[type=submit], 
.pp-gravity-form .gform_wrapper .gform_page_footer input[type=button], 
.pp-gravity-form .gform_wrapper .gform_page_footer input[type=submit] {
    background-color: black;
    color:white;
}

Here’s what it looks like with a black background and white text:

Let me know if you have any questions.

[user5cdc08c8acef8549 (Ron Poppen)]

Chris,

Thank you.
The solution was found in the settings of the Gravity form within de page.
The is, Lay-out. an button setting possibility. That is where I made the adjustments.