When you want to have the SKU number larger and more prominent on your product pages.

New Member
1 0 0
I couldn't get support to show me where this was because they don't do custom code but I figured it out on my own so I thought I would share in case others are interested. I am using the "Warehouse" theme and therefore instructions may be specific to this theme. 
 
I wanted the SKU to be at least 20Px and I wanted it to display in red...
 
In the theme.scss.liquid file you locate .product-meta__reference
 
the code you want will look like this: 
.product-meta__reference {
  margin-bottom: 3px;
  font-size: to-size(14px);
}
 
You will change it to this. 
 
.product-meta__reference {
  margin-bottom: 3px;
  font-size: to-size(20px);
  color: $product-on-sale-accent 
}
 
NOTES
You can choose whatever color class you want I chose this one because It was already the color I was looking for.
 
You can assign whatever color class you want and then once you have done this the color itself can be adjusted along with everything else assigned to it via the theme visual editor. 
0 Likes

Hello 

Please share your site url so that i can check and let you know. 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes