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

Technical Q&A
1

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

2

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.

1 Like
3

@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

1 Like
4

Thank you!

5

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?

6

@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

7

Hi,

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

8

@Renko2022 ,

Share the store URL.

9

Hi, Oscprofessional,

this is my store:

https://konoplje.myshopify.com/

or zanatula.rs

10

@Renko2022

Password

11

@oscprofessional

I’ve sent you the password in a private message

12

@Renko2022 ,

oscprofessional_0-1650496689485.png
oscprofessional_0-1650496689485.png1349×914 239 KB

13

@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%D1%98%D0%B0%D0%BB-%D0%BE%D0%B4-%D1%87%D0%B8%D1%81%D1%82%D0%B5-%D0%BA%D0%BE%D0%BD%D0%BE%D0%BF%D1%99%D0%B5

14

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

1 Like
15

@YnkSch ,

Please share your issue with URL.

16

@Anonymous , @oscprofessional ,

Any comment on this issue?

Thank you in advance

17

@Renko2022 ,

Share the password please..

18

@oscprofessional,

I have sent it in a private message.

19

@Renko2022 ,

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

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

20

Thank you!