Why is this happening to my product page? Taste Theme

[lisanchem]

My product page was fine before but now nothing is displaying?

I've typed in all my product variations and descriptions. Help! Thank you.

[Dan-From-Ryviu]

Hi @lisanchem 

I guess you changed the text color of your product page to white color, so you got this issue. Please check Color scheme settings of your product page to solve this issue 

[Moeed]

Hey @lisanchem 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product__column-sticky {
    color: black !important;
}
.product__title>* {
    color: black !important;
}
.price .price-item {
    color: black !important;
}
.product-form__input--pill input[type=radio]+label {
    color: black;
    border: solid 1px black !important;
}
.product-form__input--pill input[type=radio]:checked+label {
    background: black !important;
    color: white !important;
}
.quantity {
    color: black !important;
    border: solid 1px black !important;
}
.quantity__button {
    color: black !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[lisanchem]

Thank you, but now the font on my landing page comes out as black too, is there a way to make it  white for the price again but maintain the black font on the product page?

[Moeed · Accepted solution]

Hey @lisanchem 

Remove the previous code and try this updated code.

{% if template contains 'product' %}
<style>
.product__column-sticky {
    color: black !important;
}
.product__title>* {
    color: black !important;
}
.price .price-item {
    color: black !important;
}
.product-form__input--pill input[type=radio]+label {
    color: black;
    border: solid 1px black !important;
}
.product-form__input--pill input[type=radio]:checked+label {
    background: black !important;
    color: white !important;
}
.quantity {
    color: black !important;
    border: solid 1px black !important;
}
.quantity__button {
    color: black !important;
}
</style>
{% endif %}

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[lisanchem]

Thanks loads!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.