Theme settings

Store Design
,

Topic summary

A Shopify store owner encountered a visibility issue after installing the Smile.io loyalty app. The registration page displayed white text on a white background, preventing customers from completing their registration.

Solution Provided:

  • Add custom CSS code to the theme’s base.css file
  • The code adjusts background color and text color for customer input fields and titles
  • Specific CSS targets .customer .field input and .customer__title elements

Outcome:
The CSS solution successfully resolved the text visibility problem. The issue was theme-related rather than app-specific, requiring a simple styling override to make registration fields readable.

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

Hi, I’ve installed the Smile.io app, which requires users to register for loyalty points.

The page they go to to register has the text whited out so that the customer cannot see it, therefore they cant complete registration. This has happened a few times when I’ve created new pages, but my themes ‘seem’ to be correct. Can anyone help fix this?

Screenshot:

Solomond_0-1711527140460.png
Solomond_0-1711527140460.png999×562 117 KB

Website URL: www.hobbster.co.uk

2

Hi @Solomond ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find base.css file
  4. Add the following code at the end of the file.
div.customer .field input {
    background-color: #666 !important;
    color: #ffffff !important;
}
.customer>h1, .customer__title {
    color: #666;
}

Result:

LuffyOnePiece_0-1711530350787.png
LuffyOnePiece_0-1711530350787.png663×557 9.57 KB

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

1 Like
3

Worked perfectly, thank you.