Size Chart letters/number are white on white

Shopify Apps

Topic summary

A user encountered a visibility issue with the ESC size chart app after changing their site’s color scheme to black background with white text. The size chart popup displayed white text on a white background, making it unreadable.

Problem:

  • Free version of ESC size chart app doesn’t offer color customization options
  • Size chart inherited white text color but retained white background

Solution provided:

  • Add custom CSS code to the theme.liquid file
  • Insert the code snippet above the </body> tag in Online Store > Edit Code
  • The CSS override forces the popup to display with proper contrast

Status: Resolved - the custom code successfully fixed the visibility issue.

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

Hey Community,

I recently changed the background colors of my page black with white letters. My size chart pop up adapted the white letters, but on a white background (see pic attached). My page is www.bajberlin.com

I use the free version of ESC size chart. In the app itself i can´t adjust colors whatsoever.

Does anyone have to clue how to fix that, eg. black popup white letters or the other way around?

Thanks so much,

Bianca

1 Like
2

Hey @BBajmel

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT

Moeed_0-1748698539382.png
Moeed_0-1748698539382.png594×332 9.29 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Awesome. That worked perfectly. Thanks so much!!