Change Calculated Field text color

Hello @rockingritu !

I hope you’re having a great day!

For the colour of the field’s internal text you can find the setting in Appearance >> Input and textarea >> Text Colour.

If you want to use CSS, please try the following:

#forminator-module-133 input[name="calculation-1"] {
color: red !important;
}

You’ll need to adjust the form’s ID and the name of the field in case it’s not calculations-1.

Warm regards,
Pawel

Thanks, its a multi-step form, I was wondering if I could add a grow animation to the button’s style. also border radius. What would be a CSS class for the back, next and submit button?

HI @rockingritu

Classes for the buttons are:

.forminator-button-back
.forminator-button-next
.forminator-button-submit

for back, next and submit buttons respectively.

Best regards,
Adam

Thank you, Last question, what will be the class for the button text? I need to edit the z-index

Hi @rockingritu

Above mentioned classes should allow controlling text as well

.forminator-button-back
.forminator-button-next
.forminator-button-submit

if that does not help please use

#forminator-module-133 .forminator-button-back
#forminator-module-133 .forminator-button-next
#forminator-module-133 .forminator-button-submit

where 133 is your form ID.

Kind Regards,
Kris

So I want the button background color and text color both to change on hover. How do I do that?

Hi @rockingritu,

Please check if the following CSS helps.

.forminator-ui#forminator-module-15.forminator-design--default .forminator-button-submit, .forminator-ui#forminator-module-15.forminator-design--default .forminator-button-back, .forminator-ui#forminator-module-15.forminator-design--default .forminator-button-next {
color: #000;
background-color: #fff
}

Please note, you need to change the module ID (15) in the above CSS with your form ID. I hope that helps.

Kind Regards,
Nebu John

Hello @rockingritu ,

We haven’t heard from you for over 2 weeks now, so it looks like you don’t need our assistance anymore.

Feel free to re-open this ticket if needed.

Kind regards
Kasia