Dawn Theme: Main page product name font size change

Store Design
1

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
Screen Shot 2021-10-06 at 12.25.21 AM.png2412×552 90 KB

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

Sincerely,

2

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.

3

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

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

5

Hi !

Thanks for the reply but the code is not working!

Sincerely

6

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

Sincerley

7

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