Collection product titles: Lighter font
Certain fonts especially when using Shopify's font picker will have a strong font rendered on collection pages. If lighten the font on product titles, you can use this modification.
Example:
After:
Code:
OPTION 1
Pipeline 5.0 and higher:
/* -- code to change collection product names to lighter font -- */
.template-collection .grid__title { font-weight : normal; }
/* - end - */
For homepage featured collection and regular collection pages, use this code instead:
/* -- code to change grid product names to lighter font -- */
.grid__title { font-weight : normal; }
/* - end - */
OPTION 2
Earlier versions of Pipeline:
/* -- code to change collection product names to lighter font -- */
.template-collection .h5--accent.name_wrapper { font-weight : normal; }
/* - end - */
For homepage featured collection and regular collection pages, use this code instead:
/* -- code to change grid product names to lighter font -- */
.h5--accent.name_wrapper { font-weight : normal; }
/* - end - */
Where do I add the code?
Use this link to learn where exactly to add this code snippet: