Collections: Change product title size

Example:

After:

Code:

/* -- code to change collection product title size -- */
.template-collection .name_wrapper { font-size : 1.2em; }
/* - end - */

Customize:

Modify the value of 1.2em

Smaller - Use: 1.1em or 1.0em

Larger - Try 1.3em or 1.4em

If you would rather keep the font size the same but make the title bolder, use this:

/* -- code to change collection product title size -- */
.template-collection .name_wrapper { font-weight : bold; }
/* - end - */

Or combine both:

/* -- code to change collection product title size -- */
.template-collection .name_wrapper { font-size : 1.0em; font-weight : bold; }
/* - end - */

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

Still need help? Contact Us Contact Us