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

Solved
Snohx
Excursionist
22 0 7

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

 

Screenshot 2022-02-04 at 13.24.48.jpeg

Accepted Solution (1)

Accepted Solutions
JHKCreate
Shopify Partner
3451 620 875

This is an 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!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

View solution in original post

Replies 2 (2)
JHKCreate
Shopify Partner
3451 620 875

This is an 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!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Snohx
Excursionist
22 0 7