How can I change text color on product page size chart?

[DonkeyKong247]

Hi. Can you instruct me how to change the text color on the size chart on my listings? Right now the text color makes the size chart not readable.

Website: litmob.wtf

Password: saltines

Thank you!

[PageFly-Victor]

Hi @DonkeyKong247 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
table#size-guide>thead>tr>th {
    color: white !important;
}
</style>

Note: You can change the color value to fit your store

Hope my answer will help you.

Best regards,

Victor | PageFly

[DonkeyKong247]

THank you, can you assist me to change all text in the grid to white? This is what I see now:

[PageFly-Victor · Accepted solution]

@DonkeyKong247 , You can add more code below to theme.liquid:

<style>
table#size-guide>tbody>tr>td {
    color: white !important;
}
</style>

[DonkeyKong247]

Hi, I just tried that and it moved the same section up, which is now to far up (I will delete). So it worked on the wrong section. Is there a different code I can use?

[DonkeyKong247]

posted on wrong thread

[Shirtblendr]

Hi does this work with Dawn theme? I have saved my size chart and copied code as you said however it's still coming out white and not readable. I changed color: white to blue, black and still not working.

[_Strey_]

Hey there!

I tried the code you shared on my store and it worked. Thank you a ton for that! 

The chart size's headers don't change color when you add this code, though.

I looked at the code you shared and experimented a bit with Google Chrome's Inspector-Tool. Please mind, that I don't know how to code at all. I noticed this:

So I took the snippet you shared and figured that, if I changed a few attributes, I could also change the color of the headers. So I inspected the header too:

After a few attempts, I proudly present to everyone, "how to change the header color of the size chart" (Printify's in my case):

<style>
  table#size-guide>thead>tr>th {
      color: white !important;
  }
</style>

Add this code under the one @PageFly-Victor shared, click "save" and watch the magic happen 😎
(((in the screenshots above I have already successfully changed the header's color from black to white)))