Change size of product name in product grid?

Store Design
1

I would like to change the size of the text of the product name when it is shown in a grid, for example the “Women’s Cardigan with Back Overlap” text.

Screen Shot 2021-10-05 at 2.54.27 PM.png
Screen Shot 2021-10-05 at 2.54.27 PM.png2868×1186 333 KB

Shop: (REMOVE ALL $ SIGNS FROM URL)

www.j$uneada$ptive.com

Password: (REMOVE ALL $ SIGNS FROM PASSWORD)

j$uneada$ptive

2

@rachelwong , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.collection .grid__item .card-information__text {
    font-size: 15px !important;
}

.collection .grid__item .price *{
        font-size: 14px !important;
}

@media (max-width: 749px){
    .collection .grid__item .card-information__text {
    font-size: 12px !important;
}
.collection .grid__item .price *{
        font-size: 11px !important;
}

}

You can change the values as per your wish:

15px = font size desktop
14px = price size desktop
12px = font size mobile
11px = price size mobile

Kind regards,
Diego