How to edit Product TYPE Font on Product page.

Technical Q&A
1

Hi

I would like to know how to increase the font size and change the colour of Product Type.

I am using the type function to display offers (renamed it offers) and would like to increase the font size.

Does anyone know where this is stored in Liquid to be able to

JordanWingrave_0-1611161860133.png

Thanks in advance.

1 Like
2

Hello @JordanWingrave ,

Would you mind sharing your store’s URL so we can solve this for you? Cheers!

3

Morning,

Of course store URL is https://theentertainer.com.my/

Site password is - atiela

Thanks in advance for your support

4

Hello @JordanWingrave ,

Add the following to your style.css sheet:

.product-detail__type.type-wrapper {
    font-size: 0.8em;
}

Let me know if that works!

1 Like
5

Perfect thankyou, this works perfectly.

JordanWingrave_0-1611235748036.png
JordanWingrave_0-1611235748036.png599×271 11.7 KB

6

Hi,

What I would like to know if how did you make your "product type"info to appear in the collection page below the title. I only managed to add it to the product page. Thanks in advance!