How to change the font size of collection titles(Blue line) within a Tab Collection?
I’m happy with the font size on desktop but it seems way too big on mobile.
I’ve tried adding the below code I found in similar posts in the CSS file -
.collection-grid-item__title.h3 { font-size: 16px !important; }
But it didn’t work.
Also, how do I change the font size of the prices? (Red line)
It seems too big for the mobile screen as well..
Can anyone help please… Cheers
Hello @FingerlimesMelb
Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.
Hi @FingerlimesMelb
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Hello, could you please leave your Whatsapp number and I’ll contact you there?
Thank you for your reply
@FingerlimesMelb
Hello,
Add This CSS Go to Online Store > Theme > Edit Code > theme.css
@media only screen (max-width:480px) {
.product .product-info span.price {
font-size: 20px !important;
}
.tab_cat_title a {
font-size: 20px;
}
}
Like This
