Change form font color to black

Store Design
, , , , ,

Topic summary

A user wants to change form placeholder text from grey to black for fields like “Full Name” and “Company Name” on their contact form.

Two solutions provided:

  1. Custom CSS method (Dan-From-Ryviu): Add CSS code through Online Store > Themes > Customize > Theme settings:

    .section-contact input::placeholder { color: #000; }

  2. theme.liquid method (Tech_Coding): Insert CSS directly in theme.liquid file before the </body> tag:

    #contact-us-page input::placeholder,
.float__wrapper textarea::placeholder {
  color: #000 !important;
}

Both approaches target the ::placeholder pseudo-element to change the color to black (#000). The second solution includes textarea placeholders and uses !important to ensure the style override takes effect. The discussion appears resolved with accepted solutions marked.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

Hi,> > I want to change the form font to black it’s now like a grey color. the font that says full name, Company name etc.> > My site is https://lux360.net> >

4C090A8C-EE2A-4F0A-BD0D-FC82F70807EC.png
4C090A8C-EE2A-4F0A-BD0D-FC82F70807EC.png1170×2532 168 KB

2

Hi @Luxluxlux360

You can add this code to Custom CSS in Online Store > Themes > Customize > Them settings to change them to black.

.section-contact input::placeholder { color: #000; }

Screenshot_1.jpg
Screenshot_1.jpg556×579 21.8 KB

3

Hello @Luxluxlux360

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

#contact-us-page input::placeholder, .float__wrapper textarea::placeholder { color: #000 !important; }

Tech_Coding_0-1730007193646.png
Tech_Coding_0-1730007193646.png1182×527 5.31 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.