Change font size on collection page of DAWN 2.0

Store Design
1

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.

1 Like
2

@Wishpools

Please share your store URL.

3

@Wishpools ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the 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
diego_ezfy_0-1632451118257.png301×435 60.6 KB

Kind regards,
Diego

4

Hi Diego,

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

5

hii, @Wishpools
Paste this code on top of the component-card.css file.

span.card-information__text.h5 {
    font-size: 20px !important;
}

Thank You.

6

That’s work! thanks! @Zworthkey

7

Not working for me, unfortunately. Has the file been modified since, please?

1 Like
8

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;
}