Solved

Change Product Title Font on Collection Page | Prestige Theme

pawtiesnyc
Tourist
4 0 2

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!

 

Screen Shot 2021-07-26 at 4.15.12 PM.pngScreen Shot 2021-07-26 at 4.15.22 PM.png

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 14 (14)

KetanKumar
Shopify Partner
36839 3635 11972

@pawtiesnyc 

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

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

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
pawtiesnyc
Tourist
4 0 2

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

 

https://sml3luppkiecpwgu-23588627.shopifypreview.com 

dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
pawtiesnyc
Tourist
4 0 2

Worked like a charm, thank you so much!

KetanKumar
Shopify Partner
36839 3635 11972

@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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Sharon21
Tourist
5 0 3

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. 

dmwwebartisan
Shopify Partner
12280 2546 3693

@Sharon21 

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Sharon21
Tourist
5 0 3
dmwwebartisan
Shopify Partner
12280 2546 3693

@Sharon21 

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Sharon21
Tourist
5 0 3

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

Sharon21
Tourist
5 0 3

Any response or Help in here? 

dmwwebartisan
Shopify Partner
12280 2546 3693

@Sharon21 

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

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

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Sharon21
Tourist
5 0 3

This really helps! Thank you so much 

dmwwebartisan
Shopify Partner
12280 2546 3693

@pawtiesnyc 

Please share the store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app