Sublabels showing | WordPress.org

Hi @msdesignfoto,

Thanks for reaching out!

We do not currently have any known bugs related to sublabels like the one you described.

Additionally, I couldn’t see sublabels in one of the forms I checked on your site. For your reference, I’ve recorded this screencast.

I recommend accessing your form using an incognito window to see if the issue persists. You could also try purging your site’s cache.

If the issue continues after these steps, please share the URL of the form with the issue, and I’ll check further.

Thanks!

Here is one of the forms with that issue. The form you saw was one of the two forms without the issue. The third form has.

Bata de Limpeza – Copitraje Colombo

Hi @msdesignfoto,

Thanks for the information, and I was able to see the issue on that page.

After inspecting the Name field, it looks like part of the WPForms CSS code is missing, which might be caused by the Autoptimize settings.

To fix this, please try the following custom CSS snippet:

.wpforms-container .wpforms-field-label.wpforms-label-hide, .wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide, .wp-core-ui div.wpforms-container .wpforms-field-label.wpforms-label-hide, .wp-core-ui div.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide {
position: absolute;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden !important;
}

Here is a screenshot showing the result of using this CSS snippet.

And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

If the CSS snippet above did not work for you, please add !important to all the properties in the snippet, similar to how it’s used in overflow: hidden !important;.

Hope this helps!

pro-tip; you can generally disable Autoptimize on a per-request basis by adding ?ao_noptirocket=1 to the URL.

if the problem is not there at that point, some autoptimize (re-)configuration might be needed to fix this. there are troubleshooting tips and info on how to exclude in the AO FAQ.

hope this helps debugging,
frank (ao dev)

Hello!

Thank you for the feedback. I used that code in the CSS customization and it works.

I wanted to try adding WP Forms scripts to the exceptions in Autoptimize, but the plugin has only a list where I can manually type the scripts’ names. If I could use this approach, maybe it could be best overal instead of using the custom CSS?

Thank you again!

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer