Shopify themes, liquid, logos, and UX
How can I reduce the font size and increase the boldness of the product title text on the product page?
Solved! Go to the solution
This is an accepted solution.
Hey @trong2409
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.product__title>* {
font-size: 30px !important;
font-weight: 100 !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello,
Please share "Store URL"
Thanks!
This is an accepted solution.
Hey @trong2409
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.product__title>* {
font-size: 30px !important;
font-weight: 100 !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello @trong2409
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.min.css and paste this at the bottom of the file:
.product__title h1 {
font-size: 30px;
font-weight: bold;
}
Hello @trong2409
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
@media only screen and (min-width: 750px) {
h1, .h1 {
font-size: 2.5rem !important;
font-weight: 600;
}
}
result
Thanks
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025