Not All Fields Styled Correctly

Hi @mkdsgns,

Could you share an URL where your form can be seen so we can check if there’s any other CSS loaded on your site that is overwriting the set colors?

Cheers,
Predrag

Hi @mkdsgns

I hope you are doing well and safe!

We haven’t heard from you in a while, I’ll mark this thread as resolved.

Feel free to let us know if you have any additional questions or problems.

Best Regards
Patrick Freitas

Hi Patrick,

Sorry, I was unavailable to respond last week.

Here is the link: https://bar-eivissa.co.uk/premier-league-pass/

The price text is white, and should be black and the button should match the styling of the website. If you could help I would appreciate it.

Kind Regards,

Mike.

Hi @mkdsgns,

Looks like there some CSS in elementor page specific CSS that’s overwriting the color of the price field, this CSS code should fix that:

#calculation-1 #calculation-1-field {
	color: #000;
}

I noticed that the price field was actually few pixels higher than the other fields so adding this code should address that:

#calculation-1 .forminator-input-with-prefix {
    padding: 7px 10px;
}

As for the submit button, there are few different buttons on your site so I’m not sure which one should it match, so I’ve used RESERVE button from header as an example and matched the styling to that. For that you can use this CSS code:

.forminator-button-submit {
    padding: 15px 25px!important;
    font-family: "Montserrat", Sans-serif!important;
    font-size: 14px!important;
    font-weight: 400!important;
    text-transform: uppercase;
    font-style: normal;
}

All of this CSS code can be added by editing your form in question, switch to Appearance tab and enable Custom CSS field in there.

Cheers,
Predrag

Hi Predrag,

This has fixed everything, thank you so much! Great plugin, great support!

Kind Regards,

Mike.