Shopify themes, liquid, logos, and UX
Hi everyone, is there any way to change the font size on the collection page under the theme DAWN?
I feel that the title of the product in the grid is too small to read on the mobile screen.
Solved! Go to the solution
This is an accepted solution.
hii, @Wishpools
Paste this code on top of the component-card.css file.
span.card-information__text.h5 {
font-size: 20px !important;
}
Thank You.
Please share your store URL.
@Wishpools,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
.card-information__text{
font-size: 20px !important;
}
@media (max-width: 749px){
.card-information__text{
font-size: 15px !important;
}
}
You can change the values as per your wish:
20px = font size for desktop
15px = font size for mobile
Kind regards,
Diego
Hi Diego,
I inserted the coding as you introduced. But it seems doesn't work. Please kindly see the screen copy.
This is an accepted solution.
hii, @Wishpools
Paste this code on top of the component-card.css file.
span.card-information__text.h5 {
font-size: 20px !important;
}
Thank You.
Not working for me, unfortunately. Has the file been modified since, please?
Didn't work for me either.
EDIT: Based on this thread, I found the solution; https://community.shopify.com/c/shopify-design/font-size-dawn-theme/m-p/1347183
A small tweak to the answer above...
.collection .card-information__text.h5 {
font-size: 20px;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024