Hi,
my search font when you type you can’t see it because it’s white. Please change font to black. Also I want the regular Search type word to black and the borders black.
my site is https://lux360.com
Topic summary
A user is experiencing visibility issues with their search functionality—the search input text appears white on a white background, making it unreadable. They also want to change the placeholder text and borders to black.
Solutions Provided:
Two community members offered CSS fixes:
- Option 1: Add CSS targeting
.search-popup.search__predictive_actions inputto the end of theme.css file - Option 2: Navigate to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS and add code targeting
.header__search_results *and.search__predictive_main *withcolor: black !important
Both solutions involve adding custom CSS to override the current white text color. The second response includes a screenshot showing the expected result after implementation.
Status: Solutions provided, awaiting user confirmation of implementation.
@Luxluxlux360 - please add this css to the very end of your theme.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → theme.css
.search-popdown .search__predictive__actions input {color: #000; border: 1px solid #000;}
To complete your requests, please follow these steps:
- Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
- Paste the code provided into the Custom CSS section.
.search__predictive__main * {
color: black !important;
}
.header__search__results * {
color: black !important;
}
Here is the result: https://prnt.sc/-z767PAjv3tT
I hope this helps
Best,
Daisy