Changing the font of a product name in product page

Solved
Erigone
Excursionist
26 0 12

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)

Accepted Solutions
dmwwebartisan
Shopify Partner
9800 2231 3068

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 | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 7 (7)
KetanKumar
Shopify Partner
24911 2497 9034

@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
26 0 12

Hi,

Very kind of you

www.camelie.pl

password: GGzorza

dmwwebartisan
Shopify Partner
9800 2231 3068

@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 | Bag is a cart drawer that maximizes your sales. View app →
Erigone
Excursionist
26 0 12

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
9800 2231 3068

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 | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Erigone
Excursionist
26 0 12

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
9800 2231 3068

@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 | Bag is a cart drawer that maximizes your sales. View app →