How to add labels in search field?

I want to be able to add a label to my search bar field (zipcode, date, etc.) versus just having the placeholder text.

Yes, the search bar doesn’t have labels by default (only placeholders) but these may be enough for most of the field types. I can provide a code snippet to add labels, but this may require extra CSS styling since label will push a field lower relative to other fields. Please let me know if it’s ok.

Yes please! my website is

Please try this CSS snippet to show labels for custom attributes:

.hp-form--listing-search .hp-form__label {display:block!important}

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.