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

Store Design
1

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?

Size Table
Size Table408×271 4.37 KB

Related Items Addon
Related Items Addon1343×550 98.2 KB

1 Like
2

@vxtrzz
Hello,
Can You Please Share Store URL…

1 Like
3

@vxtrzz

Welcome to Shopify Community.

Kindly share your Store URL,

So that i can help you.

Thank you.

1 Like
4

https://www.vxtrzz.com

5

@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
6

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

7

@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
8

@vxtrzz

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

Add this code in the Base.css file.

1 Like
9

Thanks a lot and for the quick support!

10

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