change font size on collection page of DAWN 2.0

Solved
Wishpools
Excursionist
20 0 3

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.

dmwwebartisan
Shopify Partner
9136 2117 2885

@Wishpools 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes

@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

diego_ezfy_0-1632451118257.png

 


Kind regards,
Diego

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes
Wishpools
Excursionist
20 0 3

Hi Diego,

I inserted the coding as you introduced. But it seems doesn't work. Please kindly see the screen copy.

 

0 Likes

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes
Wishpools
Excursionist
20 0 3

That's work! thanks! @Zworthkey 

0 Likes