Collection product titles: Use bold or larger font for product names

Before:

After - Bold font:

After - Larger font:

How to:

OPTION 1

Pipeline 5.0 and higher:

Code for bold version:

/* -- code to make product names bold in collection grid -- */
.grid__title { font-weight : bold; }
/* - end - */

Code for larger font:

/* -- code to make product names larger in collection grid -- */
.grid__title { font-size : 1.1em; }
/* - end - */

OPTION 2

Earlier versions of Pipeline:

Code for bold version:

/* -- code to make product names bold in collection grid -- */
.name_wrapper { font-weight : bold; }
/* - end - */

Code for larger font:

/* -- code to make product names larger in collection grid -- */
.name_wrapper { font-size : 1.1em; }
/* - end - */

You can adjust the value of 1.1em; to even larger like 1.2em; or 1.3em;

Example with 1.3em:


Where do I add the code?

Use this link to learn where exactly to add this code snippet:

Where to add your CSS style code