Solved

Changing the font of a product name in product page

Erigone
Excursionist
40 1 13

Hi Community! I want to change the font (size, boldness) of a font of a product name in product page. Where should I look for in coding? (MINIMAL THEME)

 

Tank you for any help!

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@Erigone 

Remove previous css add this new css code your css file.

.product-single .h1, .product-single h1 {
    font-size: 28px!important;
    font-family: Futura !important;
    line-height: 1.2;
    font-weight: 500 !important;
}

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 7 (7)

KetanKumar
Shopify Partner
36839 3635 11972

@Erigone 

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
Erigone
Excursionist
40 1 13

Hi,

Very kind of you

www.camelie.pl

password: GGzorza

dmwwebartisan
Shopify Partner
12280 2546 3694

@Erigone 

please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

.product-single .h1, .product-single h1 {
    font-size: 3em !important;
    line-height: 1.2;
    font-family: boldness !important;
}

Hope this work.

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
Erigone
Excursionist
40 1 13

Thank you for your help but what I meant is that I don't want my text to be bold :)) It was from the very beginning

 

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@Erigone 

Remove previous css add this new css code your css file.

.product-single .h1, .product-single h1 {
    font-size: 28px!important;
    font-family: Futura !important;
    line-height: 1.2;
    font-weight: 500 !important;
}

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
Erigone
Excursionist
40 1 13

Thank you for your help! 

I would like to know how to change this (size and if it's bold or not). Can you help?

screen.png

dmwwebartisan
Shopify Partner
12280 2546 3694

@Erigone 

please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

#shopify-section-featured-collection .grid-link__title {
    color: #403b37;
    font-family: Futura,sans-serif;
    font-size: 1em;
    line-height: 1.4;
    font-weight: normal !important;
}

#shopify-section-featured-collection .grid-link__meta strong {
    font-family: Futura,sans-serif;
    font-size: 1em;
    line-height: 1.5;
    color: #5b544f;
    font-weight: 400 !important;
}
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