Hello guys how can I change the size of this Titel
Topic summary
A user needs help changing the size of a product title in their Shopify store, providing a screenshot showing the title element in question.
Solutions Provided:
Multiple community members offered the same CSS-based solution with two implementation methods:
-
Via Theme Customizer (recommended): Navigate to Shopify admin → Online Store → Themes → Customize → Theme Settings → Custom CSS, then paste the CSS code
-
Via Code Editor: Go to Online Store → Themes → Actions → Edit Code → base.css file, then add the code at the end
CSS Code:
.product__title h1 {
font-size: 20px !important;
}
Resolution: The issue was successfully resolved. The user confirmed both solutions worked, though responders suggested slightly different font sizes (18px vs 20px) that can be adjusted to preference.
Hi @NikosBat
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there
Here is the code for Step 3:
.product__title h1 {
font-size: 20px !important;
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
1 Like
hello @NikosBat
Go to online store ----> themes ----> actions ----> edit code ---->base.css> …add the code end of the file
.product__title h1 {
font-size: 20px !important;
}
If this was helpful, hit the like button and accept the solution.
Thanks
Hello DaisyVo thank you very much that solved my problem
Hello Sangeetanahar75 thank you very much that solved my problem
hello @NikosBat
If this was helpful, hit the like button and accept the solution.
Thanks
Hi NikosBat
- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base**.css** and add this code at the end of the file
.product__title h1 {
font-size: 18px !important;
}
Best,
Liz