How can I adjust title size and color on my product pages?

Good morning,

I would like 2 things:

  1. that the prices for the “featured collection” and “collection” sections are displayed in gray (#F2F2F2)

  2. that for the “featured collection” and “collection” sections the product titles be 12px in size and the prices are 10px in size

website : jadis-shop.com

password : rj

Do you know how to do it ?

thank you very much in advance

Hi @JADIS ,

Step 1: Go to https://admin.shopify.com/store/your-store-name

Step 2: Sales channel => Themes => … => Edit code

Step 3: Find “base.css” and add the CSS scripts in the end of file => Save:

.card__content .price-item.price-item--sale.price-item--last {
    color: #F2F2F2;
    font-size: 10px;
}

.card__content .full-unstyled-link {
    font-size: 12px;
}

==>> The result: Following your requirement:

  • The product titles will have font-size 12 px

  • The products prices will have font-size 10 px and color (#F2F2F2). But this color too light, as same as white color not gray. You can choose another color you want and edit code following my guild.

  • Picture:

Feature collections:

![view - 2023-11-07T153046.068.png|1852x524](upload://gpm2d7W4fI1XT23WiXUChxFU442.jpeg)

Collections:

![view - 2023-11-07T153050.328.png|1249x655](upload://dn2ITg24d1LcVwVTn8mNO50XCj4.png)

Hope it helps @JADIS !