Hi!
I want to change the font size of product names in collection page. It is too small right now, I want to make make it bigger.
This is the link for reference: https://theplanetjunior.com/collections/action-figures
Topic summary
A user seeks to increase the product title font size on their Warehouse theme collection page, finding the current size too small.
Solution Provided:
- Add CSS code to theme.css file targeting
.product-item__title.text--strong a.linkwithfont-size: 17px !important; - The solution successfully resolved the title size issue
Additional Request:
- User also wants to make the red-colored price text smaller
- CSS provided: target
span.price.price--highlightwithfont-size: 15px !important;
Alternative Method:
- Navigate to Online Store → Theme → Edit code
- Paste CSS in theme.liquid file before
</body>tag - Use
font-size: 18px !important;for product titles
The discussion includes screenshots demonstrating the current appearance and reference links to the collection page.
@planetjuniorseo
put below css into theme.css
a.product-item__title.text--strong.link {
font-size: 17px !important;
}
1 Like
Thats working. Also can you give the code to make the price font small? price written in red. i want to make it small
span.price.price--highlight {
font-size: 15px !important;
}
Add above code for make price font smaller
1 Like
Hello @planetjuniorseo ,
I would like to give you a solution to support you:
- Go to Online Store-> Theme-> Edit code
- Open your theme.liquid theme file
- Paste the below code before :
.product-item__title.text--strong.link {
font-size: 18px!important;
}