[catwingz]

Hi, I love the way this site has turned out but there’s one piece I haven’t been able to resolve.

I’m not sure if this is more theme or WooCommerce related but I’m hoping you will help. An example of this can be seen at https://tractorcats.com/product/tractor-cats-2025-12-month-wall-calendars-11×8-5-in-14×11-5-in/

I have been unable to change the color of the text in the size table seen on many of the products to white so it is all easily seen.

It is not working, but I’ve left:

woocommerce-Tabs-panel table #size-guide thead th, table #size-guide tbody td {
color: #ffffff !important;
}

in place. Can you tell me what I am missing?

Thank you

[minal]

Hello @catwingz,

I could not inspect your site, It might you disable the inspect controls throughout your site.

Please enable the inspector controls so that I can give you the desired CSS for you to fix the issue.

 

Sincerely,

Minal

[catwingz]

Hi Minal,

I didn’t realize that was blocked. I made a change. Are you able to inspect it now?

Thank you

[minal]

Hello @catwingz,

No, I’m still not able to inspect it.

Sincerely,

Minal

[catwingz]

I have temporarily disabled the plugin which must be the source.

Thank you

[minal]

Hello @catwingz,

To set a white color to the text of the table, place the below CSS on your additional CSS

Just go to Dashboard >> Appearance >> Customizer >> Additional CSS

.woocommerce-Tabs-panel table tr th, 
.woocommerce-Tabs-panel table tr td {

  color: #fff !important;

}

Change your desired color value to this given css.

and about your given CSS code you missed class selector (.) on woocommerce-Tabs-panel and also table has a id of size-guide so you either write table#size-guide or  just #size-guide like

.woocommerce-Tabs-panel #size-guide thead th, 
.woocommerce-Tabs-panel #size-guide tbody td {

  color: #fff !important;

}

.woocommerce-Tabs-panel table#size-guide thead th, 
.woocommerce-Tabs-panel table#size-guide tbody td {

  color: #fff !important;

}

I hope it works for you!

Sincerely,

Minal

[catwingz]

Thank you @minal.

The selector was in front of the woocommerce in the code – my late night missed it when I copied. It looks like my mistake was leaving space between table and the ID. Thank you so much for getting me on track. The tables all have nice readable white text now. So much better! Catch Themes support is always the best!

[Author]

Posts