White background on white text

Store Design
, ,

Topic summary

Issue: The sorting dropdown shows unreadable white-on-white text. The requester wants to change only this component’s text color (e.g., to black) without affecting the rest of the site.

Context: Helpers asked for the store URL and preview password to inspect. The requester provided them.

Proposed fix: Add a small CSS override in theme.liquid before the closing tag to target the sorting dropdown only:

  • Target: select#SortBy option
  • Rule: color: #000 with !important to override existing theme styles
    This should make the dropdown options render in black without site-wide impact.

Status: Awaiting the requester’s confirmation that the fix worked. No final resolution reported yet.

Summarized with AI on December 19. AI used: gpt-5.
1

KevinMalmberg_0-1726149579990.png
KevinMalmberg_0-1726149579990.png301×262 11.4 KB

On my sorting tab, I can’t change the color of the text or background, which leads to unreadable text.

How can I change the text color on this part of the website to black for example?

I don’t want to change text color across the entire site

1 Like
2

Hello @KevinMalmberg
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

3

Hello @KevinMalmberg

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

4

https://bergtryck.com/collections/all

Password: fegtbhdft

1 Like
5

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

select#SortBy option { color: #000 !important; }

Tech_Coding_0-1726150266919.png
Tech_Coding_0-1726150266919.png354×290 20 KB

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