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