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
8983 2088 2849

@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 Get support
0 Likes
Wishpools
Excursionist
20 0 3

That's work! thanks! @Zworthkey 

0 Likes