Craft theme - Product's title too big on product page

[Renko2022]

Hello, community!

how can I change the font size of the product's title, on the product page? it's too big.

I have attached a screenshot of the edited page.

Thank you in advance,

   Renko

[oscprofessional · Accepted solution]

@Renko2022 ,

h1.product__title {
    font-size: 23px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->section-main-product.scss,liquid

[Halothemes]

Hi @Renko2022 , 

If you use craft theme, you can try follow the instruction below:
1. Go to Online Store -> Theme -> Edit code.
2. Asset -> /section-main-product.css paste code below into end of the file.

.product__title {
    font-size: 25px !important;
}

 If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Best regards.

[Renko2022]

Thank you!

[oscprofessional · Accepted solution]

@Renko2022 ,

h1.product__title {
    font-size: 23px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->section-main-product.scss,liquid

[Renko2022]

Thank you! Also, I have the same question but for the collection's title (it's to big too).

Where and what I have to add/modify in order to decrease the font size of the title?

[oscprofessional]

@Renko2022 

h1.collection-hero__title {
    font-size: 28px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->section-main-product.scss,liquid

[Renko2022]

Hi,

not working with the solution that you have provided. The title of each collection remains the same size.

[oscprofessional]

@Renko2022 ,

Share the store URL.

[Renko2022]

Hi, Oscprofessional,

this is my store:

https://konoplje.myshopify.com/

or zanatula.rs

[oscprofessional]

@Renko2022 

Password

[Renko2022]

@oscprofessional 

I've sent you the password in a private message

[oscprofessional]

@Renko2022 ,

[Renko2022]

@oscprofessional 

I don't need to change the product title size but the font size of the collection title

https://zanatula.rs/collections/%D1%82%D0%BA%D0%B0%D0%BD%D0%B8-%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%...

[Renko2022]

@Anonymous, @oscprofessional,

Any comment on this issue?

Thank you in advance

[oscprofessional]

@Renko2022 ,

Share the password please..

[Renko2022]

@oscprofessional,

I have sent it in a private message.

[oscprofessional · Accepted solution]

@Renko2022 ,

h1.collection-hero__title {
    font-size: 20px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

[Renko2022]

Thank you!

[YnkSch]

for craft theme on my site it's still not working 😕

[oscprofessional]

@YnkSch ,

Please Share the URL and issue!

[YnkSch]

Hey, I'm also using craft theme but for me the code is not working.

[oscprofessional]

@YnkSch ,

Please share your issue with URL.

[lilianlwc]

Sorry. I tried it but it is not working....It is especially bad on mobile site...

Can you please have a look?

https://www.musicboxgiftideas.com/products/howls-moving-castle-from-studio-ghibli-sankyo-wooden-cloc...

[oscprofessional]

@lilianlwc ,

What's your requirement?

[lilianlwc]

Hello. I just need to make the font size smaller . Not sure which size I need at the moment because I need to see how it looks. Currently the product title in mobile takes up 6 lines, ideally I want it to be 2.5 lines only

[Mimi111]

This is not working for me, any suggestions?