Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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
Solved! Go to the solution
This is an accepted solution.
h1.product__title {
font-size: 23px;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->section-main-product.scss,liquid
This is an accepted solution.
h1.collection-hero__title {
font-size: 20px;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
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
Thank you!
This is an accepted solution.
h1.product__title {
font-size: 23px;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->section-main-product.scss,liquid
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?
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
Hi,
not working with the solution that you have provided. The title of each collection remains the same size.
Share the store URL.
Password
I don't need to change the product title size but the font size of the collection title
Share the password please..
This is an accepted solution.
h1.collection-hero__title {
font-size: 20px;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
Thank you!
for craft theme on my site it's still not working 😕
@YnkSch ,
Please Share the URL and issue!
Hey, I'm also using craft theme but for me the code is not working.
@YnkSch ,
Please share your issue with URL.
Sorry. I tried it but it is not working....It is especially bad on mobile site...
Can you please have a look?
What's your requirement?
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
This is not working for me, any suggestions?
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025