Hello @sallywhytehead,
I checked the CSS on my end and I see there has been no change with respect to the older version. Can you add the following CSS to you site wp-admin Dashboard-> Appearance-> Customize-> Additional CSS, Add the code and publish the changes.:
.forminator-ui.forminator-custom-form[data-design=flat]:not(.forminator-size--small) .forminator-pagination-steps .forminator-step {
width: 56px !important;
}
Can you confirm, if in some way you customised the CSS but removed it or something like that which is why this did not work after the update? Just considering a possibility. Do let me know if that works for you.
Thank you,
Prathamesh Palve
Hi
Thanks for this.
You can see it is much improved with the text readable after this change.
Oddly it dod not work when I added it to the behaviour css on the form, only on the appearance customisation.
I have the following customsation in the form appearance tab. This includes colour only changes to the button and text (to stop it being turquoise! – another issue!). I did not expect this to interfere – and did on fact did try turning off the css behaviour customisation on forminator but this made no difference. If you would like I can send you an export of the form for your testing.
—-
.forminator-break .forminator-title {font-size:25px}
.forminator-title {font-size:25px}
.forminator-label {font-size:100%}
.forminator-input {color: #666; font-size:100%; border: 1px solid #ccc; border-radius: 3px;}
.forminator-label–helper {font-size:100%}
.forminator-break {font-size:100%}
.forminator-description {font-size:100%}
.forminator-error-message {font-size:100%}
.forminator-textarea {color: #666; font-size:100%; border: 1px solid #ccc; border-radius: 3px; }.forminator-break .forminator-title {}.forminator-break .forminator-subtitle {}.forminator-label {}
.forminator-calculation{color: #333333; font-weight: bold}.forminator-break .forminator-title {} {}.forminator-break .forminator-title {} {}
.forminator-icon-chevron-down {color: #666;}
.forminator-pagination-steps .forminator-step .forminator-step-label {color:#333333;}
.forminator-pagination-steps .forminator-step .forminator-step-dot {background-color:#993366;}
.forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot {
background-color: #777771;
}
Hi @sallywhytehead
Yes, feel free to export the form, upload on the google drive and share the link, so we can take a closer look.
Best Regards
Patrick Freitas
Hi @sallywhytehead,
When the custom CSS is added to the form itself then Forminator adds some of it’s own classes before the code added in order to make it specific only for that form, and that “conflicted” with the CSS provided to you above.
So you can keep the CSS in your Appearance > Customization CSS field or you can strip it down to below one and use that in the form CSS field directly:
.forminator-pagination-steps .forminator-step {
width: 56px !important;
}
Cheers,
Predrag
Thank you for using Forminator. We are going to close this ticket for now because we have not heard from you in a while. If you still need support we can reopen the thread.
Cheers,
Predrag
