Change font size in cart page

Fox347
Tourist
17 0 6

Hi everybody, I'm using the Brooklyn theme and I was wondering how can I change the font size of the product name in the cart page? It is too big and it's all in uppercase:

Fox347_0-1612571479011.png

I typed the product name diferently and I would like the shop to keep that style:

Fox347_1-1612571522161.png

Thanks

 

0 Likes

Hi @Fox347  , try add the css to your theme.scss.liquid

.cart__product-name{
  font-size: 14px !important; 
}

I have a video https://youtu.be/z_mu45rbpeM about how to change the font styles for Shopify store webpage as well, you could learn the full process on how to change the font if you are curious.

Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.
0 Likes
Fox347
Tourist
17 0 6

That worked perfectly!! Also, that's a very simple, yet useful video that I'll make sure to put into practice. One last question. If I want the product name to be in the same style as what I put in the first place (sometimes I put the first part in uppercase and the rest in lowercase, as per in the second photo), would that be a more complex matter?  

0 Likes
Fox347
Tourist
17 0 6

Following your video, I came up with the following code and it worked:

.cart__product-name {
    font-size: 12px !important;
    text-transform: none;
    font-style: normal;
}

Is this correct? I'm afraid I might break something.

0 Likes