See Editing form template
What content do you have in the Form tab panel?
What other plugins and theme do you use on the site?
Using a custom theme based on Mozaik wordpress theme, but the css for select field is still working if I roll back cf7 to it’s previous version, just not working on latest version. & here’s the plugins list https://prnt.sc/265Np_xoAWpM
Try switching to the default theme and deactivating all plugins excluding Contact Form 7, Classic Editor, and Flamingo.
Why you are advised to deactivate plugins and switch to the default theme.
Switched and the issue was none there as the css for select field was declared in current theme. As the issue was not present in cf7 previous version, I’d like to know how could I make my theme form css compatible with latest version?
Specifically my styling for label is
.form__label--select .form__label-span {
top: 4.7rem;
}
.form__label-span {
position: relative;
transition: .3s;
}
.form__label:focus-within .form__label-span {
top: 0;
font-size: 1.4rem;
}
“:focus-within” css is working on all other field except select field, which was working before update. But it’s working if we force state “:focus-within” in developer tools but not in practical.
Is there anything we could do, please?
