Why don't the labels on my contact form appear?

Store Design

Topic summary

A user encountered an issue where labels on their contact form were not displaying on their Shopify store using the Kalles theme.

Problem:

  • Contact form labels were invisible/not appearing
  • User suspected it might be theme-related
  • Included a screenshot showing the issue

Solution Provided:
Another community member suggested adding custom CSS code to the theme.liquid file (above the </head> tag) to force labels to display with:

  • display: block !important
  • color: #fff

Outcome:

  • The CSS fix successfully resolved the issue
  • User confirmed the solution worked
Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

Hey all,

  1. I can’t figure out why the labels on my contact form don’t appear (see attached image). I’m not sure if it’s the theme (kalles, have an email to them). The site is: https://leftjabtees.com/pages/contact

Any help would be greatly appreciated! Thanks.

Screenshot 2024-04-05 at 1.16.31 PM.png
Screenshot 2024-04-05 at 1.16.31 PM.png1510×1172 32 KB

2

Hello @leftjab

Welcome to Shopify Community.

Please add the given CSS in theme.liquid above tag.

#contact_form_page label {
    display: block !important;
    color: #fff;
}

OUTPUT:

Sweet_Savior_3_0-1712342262677.png
Sweet_Savior_3_0-1712342262677.png1895×974 38.4 KB

Thanks

3

That did the trick! Thank you so much!!