Change Product Title Font on Collection Page | Prestige Theme

Hi All!

Hoping someone can help… We are using the Prestige theme for our website, but we would like the font of the Product Titles on the collection pages (circled in purple) in the same font as the body text (marked with the red arrow). It is currently automatically set to Headings and it looks too bold. Is this possible? And if so, does anyone know how to change this in the code?

Thank you in advance!

1 Like

@pawtiesnyc

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

@pawtiesnyc

Please share the store URL.

It is still in preview mode. Let me know if this works:

https://sml3luppkiecpwgu-23588627.shopifypreview.com

1 Like

@pawtiesnyc

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

h2.ProductItem__Title.Heading, .ProductItem__PriceList.Heading{
font-weight: 500 !important;
}

Hope this works.

Thanks!

@pawtiesnyc

thanks for store url please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.ProductItem__Info a {
    font-weight: 400;
}
1 Like

Worked like a charm, thank you so much!

Somebody can help me on how to fix the issue on my page .

It is only showing up on center instead having a full width.

1 Like

@Sharon21

Please share your store URL and a screenshot of your problem.

It’s in preview mode : https://bbzb8ez3e5uookqm-4329373731.shopifypreview.com

1 Like

@Sharon21

Is this happen in preview only ( in admin ) ? OR in real page on-site also?

Apparently, we are using the preview for we are designing the new theme that we have.

every time I create a page , it will only go at center and not in a full width.

We can’t publish the new theme until we are finish on designing it .

The other theme works fine and they are in full width but in this theme, it doesn’t

Any response or Help in here?

1 Like

@Sharon21

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

.template-page--root{
max-width: 100% !important;
}

Hope this works.

Thanks!

1 Like

This really helps! Thank you so much