Checkout - Text colour, specifically the shipping text colour

[Kieran]

Does anyone know how to change a specific part of the checkout text colour, im not sure why but the shipping window on the checkout page is showing up as white text, im not sure why, ive highlighted it to show in the picture below, so the text is there im just not sure how to change the text colour to black?

Thanks

[Adam7]

What's the address of the site where you're seeing this, @Kieran? Are you using a custom theme or a standard theme?

[Kieran]

http://www.merryhill-mushrooms.co.uk

It is a custom theme, so it must be something that can be changed in the CSS, just not sure where

[bobafett]

@Kieran:  Your best bet might be the theme provider or the designer.

[Kieran]

Yeah i think youre right, ive sent a mail,il update on progress.

Was wondering if we think its actually possible to change it, the theme is clearly the issue so surely it must be? if its server side could be tricky, im not an expert on CSS edits but i cant find anything that seems to apply, not even in the partial sections.

I'd hate to have to change the entire theme as its all good aside from that.

[bobafett]

@Kieran:  Good luck and let us know what the resolution was.

[MJCS · Accepted solution]

Hi @Kieran,

I think I've got a solution for you. I'm hoping that if we add it to your site''s CSS that it will overide the CSS the store references.

Try adding this to your sites CSS:

Settings>SEO>Header Code:

<style>
.wsite-checkout-form__select {
    border: 1px solid rgb(0, 0, 0) !important;
}

.wsite-checkout-options__name, .wsite-checkout-options__price {
    color: #8b8d90 !important;
}

.wsite-checkout-options__indicator { 
    border: 1px solid #8b8d90 !important;
    background: #8b8d90 !important;
}
</style>

That seems to work up until the final payment page which for obvious reasons I haven't gone beyond!

Let me know how you go,

Cheers, Mark

[Kieran]

I can confirm that Marks fix has worked!

absolute genius.