Edit font color of product title and price on MOBILE version only.

[Snohx]

Good Day!

Disclaimer: This website contains adult products.

When viewing my site in mobile mode, the product title and price are not appearing under the product images. I assume this is because the font color is set black. I am able to highlight the area, so I know that there is text there.  I would like to change this text to white. How can I achieve this without altering other text on the site?

Thanks in advance

 

[JHKCreate · Accepted solution]

Hi @Snohx 

Please add this code to your theme.scss file at the bottom:

@media only screen and (max-width: 1024px)
{
span.product-price__price {
    color: white;
}
a.grid-view-item__title {
    color: white!important;
}
}

That should do it!

[Snohx]

Thank you so much @JHKCreate !