Solved

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

Renko2022
Excursionist
32 3 8

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

 

Accepted Solutions (2)

oscprofessional
Shopify Partner
15895 2377 3082

This is an 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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

oscprofessional
Shopify Partner
15895 2377 3082

This is an 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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

Replies 25 (25)

Halothemes
Trailblazer
168 30 44

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.

HaloThemes - Top Premium Shopify Theme Provider
Ella Shopify Theme OS 2.0 - #1 Best Selling Shopify Theme of All Time
Want to try Shopify? Open a Store for FREE

Renko2022
Excursionist
32 3 8

Thank you!

oscprofessional
Shopify Partner
15895 2377 3082

This is an 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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Renko2022
Excursionist
32 3 8

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
Shopify Partner
15895 2377 3082

@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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Renko2022
Excursionist
32 3 8

Hi,

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

 

oscprofessional
Shopify Partner
15895 2377 3082

@Renko2022 ,

Share the store URL.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Renko2022
Excursionist
32 3 8

Hi, Oscprofessional,

this is my store:

https://konoplje.myshopify.com/

or zanatula.rs

 

oscprofessional
Shopify Partner
15895 2377 3082

@Renko2022 

Password

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Renko2022
Excursionist
32 3 8

@oscprofessional 

I've sent you the password in a private message

oscprofessional
Shopify Partner
15895 2377 3082

@Renko2022 ,

oscprofessional_0-1650496689485.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Renko2022
Excursionist
32 3 8

@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
Excursionist
32 3 8

@tourist@oscprofessional,

Any comment on this issue?

Thank you in advance

oscprofessional
Shopify Partner
15895 2377 3082

@Renko2022 ,

Share the password please..

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Renko2022
Excursionist
32 3 8

@oscprofessional,

I have sent it in a private message.

oscprofessional
Shopify Partner
15895 2377 3082

This is an 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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Renko2022
Excursionist
32 3 8

Thank you!

YnkSch
Excursionist
33 0 14

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

oscprofessional
Shopify Partner
15895 2377 3082

@YnkSch ,

Please Share the URL and issue!

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
YnkSch
Excursionist
33 0 14

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

oscprofessional
Shopify Partner
15895 2377 3082

@YnkSch ,

Please share your issue with URL.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
lilianlwc
Tourist
3 0 1

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
Shopify Partner
15895 2377 3082

@lilianlwc ,

What's your requirement?

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
lilianlwc
Tourist
3 0 1

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

 

signal-2022-05-12-004730_002.jpeg

Mimi111
Tourist
11 0 6

This is not working for me, any suggestions?