How to modify color for size table and related items addon?

Hi there,

I am currently in the making of an online shop, but I have encountered a problem I couldn’t quite fix.

I am using the dawn in kind of like a dark-theme, problem is the addons (size table + related items) have the wrong color and I can’t change them in theme settings. I tried writing the code myself and then using an injector but that didn’t quite work it just displayed the text. Can someone help me out on how to change the color?

1 Like

@vxtrzz
Hello,
Can You Please Share Store URL…

1 Like

@vxtrzz

Welcome to Shopify Community.

Kindly share your Store URL,

So that i can help you.

Thank you.

1 Like

https://www.vxtrzz.com

@vxtrzz ,

table#size-guide th td {
    color: red !important;
}
#size-guide td {
    color: red !important;
}
h2.ga-title.section-title {
    color: #fff !important;
}
a.ga-product_title {
    color: #fff !important;
}
#ga-product_related span.ga-product_price {
    color: #fff;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

1 Like

Thanks, this cleared most of it, but the color of the different sizes(S, M, L) and the dropdown menu at the related items are still black

@vxtrzz ,

#size-guide th {
    color: red !important;
}
select.ga-product_variant_select {
    color: red !important;
}

Note : Please change the color instead of red…

I have taken red as example…

1 Like

@vxtrzz

#size-guide thead tr th {
    color: white !important;
}

Add this code in the Base.css file.

1 Like

Thanks a lot and for the quick support!

I know, I was just waiting on the reply for the other missing color