Change Product Title Format

buynatas
New Member
3 0 1

My site is www.buynatas.com and I am trying to figure out how to change the layout of the product titles on the home, collection and individual product pages. I'm hoping to change the formatting so that anything that is inside parenthesis ex: (24 ct.) or (12 of each flavor) always falls to a separate line from the rest of the product title, and is also smaller in font size. Any advice on how to edit the code to achieve this would be much appreciated! 

dmwwebartisan
Shopify Partner
5869 1340 1721

@buynatas 

Please add the following code at the bottom of your assets/theme.css file.

.product-item__title { font-size: 12px !important;}
.product-item__price {font-size: 12px !important;}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
buynatas
New Member
3 0 1

@dmwwebartisan - thanks for the suggestion! Unfortunately this didn't work. This made the entire product title smaller, but instead I am trying to split the product title at a specific point. For example, one of my products currently reads as "Original Natas (24 ct.)" all on one line, and I would like it to read as:

Original Natas

(24 ct.)

On two separate lines, with the (24 ct.) being smaller in size than the Original Natas text. 

0 Likes