Hi please help me how to resize this collection titles a bit smaller. and make the subheader " Find exactly what you need from our highlighted categories" abit bigger.
Shop URL - https://greenpaxstore.com/
Topic summary
A user seeks help resizing text elements on their Shopify store using the Dawn theme. Specifically, they want to:
- Make collection titles smaller
- Increase the size of a subheader reading “Find exactly what you need from our highlighted categories”
A solution is provided involving CSS modifications:
For the subheader:
- Edit
tpt-section.css - Add
font-size: 18px;to the.tpt-section-header_descriptionclass
For collection titles:
- Edit
tpt-collection-list-4.css - Change
font-sizefrom 24px to 20px in the.tpt-collection-list-4__collection-item-titleclass
Both modifications are made through Online store → Themes → Edit code, with the responder suggesting experimentation with values to achieve the desired appearance.
The issue is resolved — the original poster confirms the solution worked.
Hello,
To adjust the font sizes, you’ll need to update some CSS. Follow these steps:
Section subtitle
- Navigate to Online store → Themes → Edit code.
- Locate the file named tpt-section.css.
Locate this definition:
.tpt-section-header_description {
max-width: 90rem;
}
Modify it as follows:
.tpt-section-header_description {
max-width: 90rem;
font-size: 18px;
}
Feel free to experiment with the **font-size** value to achieve the desired appearance.
Product titles
- Navigate to Online store → Themes → Edit code.
- Locate the file named tpt-collection-list-4.css.
Locate this definition:
.tpt-collection-list-4__collection-item-title {
font-size: 24px;
line-height: 1.2;
font-weight: 500;
text-align: center;
margin: 0;
color: var(--item-collection-name-color);
}
Change the font-size value to 20px;
Again, experiment with the value to achieve the desired appearance.
If you found this helpful, please like this message and accept the solution.
1 Like
thank you so much!!!