Dawn Theme: Main page product name font size change

iamdawnumcm
Excursionist
28 0 8

Dear Team,

 

I want to adjust the product name font size on my main page to two size smaller. 

Screen Shot 2021-10-06 at 12.25.21 AM.png

My url is https://gbjxzl5fy67ga11p-42324328597.shopifypreview.com

Sincerely,

 

Replies 7 (7)

Zworthkey
Shopify Partner
5581 642 1565

Hii @iamdawnumcm 

Go to your Online Store-> Theme->Edit code then go to assets/base.css->paste the below code at the bottom of the file.

span.card-information__text.h5 {
    font-weight: bolder;
    font-size: large;
}
span.price-item.price-item--regular {
    font-size: x-large;
}

Thank You.

iamdawnumcm
Excursionist
28 0 8

Hi !

Thanks for the reply but the code is not working!

 

 

Sincerely

Kinjaldavra
Shopify Partner
2302 570 1422

hello @iamdawnumcm 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

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

 

iamdawnumcm
Excursionist
28 0 8

Hi My website is using Dawn theme, which does not have theme.css 

I want to make the product name as small as the price.

 

Sincerely!

 

 

https://fuclx2xng8e0r3n6-42324328597.shopifypreview.com

iamdawnumcm
Excursionist
28 0 8

Hi ! Thanks for replying but the code is not working.

 

 

Sincerley

Kinjaldavra
Shopify Partner
2302 570 1422

hello @iamdawnumcm 

please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

.price-item.price-item--regular {
    font-size: 22px!important;
}

 

iamdawnumcm
Excursionist
28 0 8

Dear Natztech:

 

These works well.May I know the code for adjusting the size of the product name on the homepage?

https://7xyzhhcaxjvgux76-42324328597.shopifypreview.com

 

Thanks