How to change text color on email signup and contact fields

Store Design

Topic summary

A user encountered an accessibility issue with the Beyond Theme where white text appeared on a white background in contact forms and email signup fields, making user input invisible.

Solutions Provided:

Two community members offered CSS code fixes:

  • Quick fix: Add CSS targeting body input:focus-visible and body textarea:focus-visible with color: #000 !important;
  • Detailed solution: Navigate to Shopify Admin → Online Store → Themes → Edit code → base.css file, then add CSS targeting specific input and textarea elements with color: black;

Both approaches change the text color to black/dark, ensuring visibility against the white background.

Outcome:

The original poster confirmed the solutions worked successfully. Another user also reported success with the same fix, indicating this is a common issue with the Beyond Theme that these CSS modifications resolve.

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

@cruxleyfieldgoo , Please add the below line of CSS code at the end of your theme CSS file.

body input:focus-visible, 
body textarea:focus-visible{
color:#000 !important;
}
1 Like