All things Shopify and commerce
hi, i would like to know how to reduce the size of the product title
thanks for the support 🙂
website URL: https://drip-graffiti.com/
Solved! Go to the solution
This is an accepted solution.
Hey @stra10
The solutions provided by @Asad24 and @Guleria will help you change your product title sizes no problem. I wanted to let you know that if you are using a new 2.0 theme that you can actually add your CSS customizations using the theme editor. This will also make it so that your customizations are more likely to carry over if/when you choose to update your theme to a newer version. You can find the field for global CSS customizations by opening up the theme editor, clicking the gear icon and scrolling to the bottom of the settings to "Custom CSS". You can see this in my screenshot below:
You will also find a custom CSS option on specific pages and sections if you want to limit it to certain areas of the store instead of the entire store. You can learn more about CSS and how to edit your theme with it in our Help Center: Shopify Help Center | Custom CSS.
Shay | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your base.css file and paste the following code below:
.product__title h1 {
font-size: 20px;
}
go to your theme cutomizer and and this code in custom css section
This is an accepted solution.
Hey @stra10
The solutions provided by @Asad24 and @Guleria will help you change your product title sizes no problem. I wanted to let you know that if you are using a new 2.0 theme that you can actually add your CSS customizations using the theme editor. This will also make it so that your customizations are more likely to carry over if/when you choose to update your theme to a newer version. You can find the field for global CSS customizations by opening up the theme editor, clicking the gear icon and scrolling to the bottom of the settings to "Custom CSS". You can see this in my screenshot below:
You will also find a custom CSS option on specific pages and sections if you want to limit it to certain areas of the store instead of the entire store. You can learn more about CSS and how to edit your theme with it in our Help Center: Shopify Help Center | Custom CSS.
Shay | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
User | RANK |
---|---|
44 | |
42 | |
42 | |
28 | |
21 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023