Dawn Theme: h5 Main page product name font size needs to be smaller

[iamdawnumcm]

Hi Team,

The size of the name for my product is really big. I wants to make it smaller. I tried to change h5 headings without success.

Please advise. Thanks!!

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

  The Name :Croissant Ring, Chocolate needs to smaller to 50% of its current size

[dmwwebartisan]

@iamdawnumcm 

Please Go to Online Store->Theme->Edit code then go to assets/section-main-product.css ->paste below code at the bottom of the file.

.product__title {font-size: 20px !important;}

Thanks!

[khilan]

hi @iamdawnumcm 

Please Go to Online Store->Theme->Edit code then go to assets/section-main-product.css ->paste below code at the bottom of the file.

.product__title {font-size: 15px !important;
                         font-wight:200 !important;}

Copy

Thanks!

[oscprofessional]

Hey @iamdawnumcm 

You can try this one.Just add the code in component-card.css file
Follow the path and add it there

Go to Online Store->Theme->Edit code

Asset -> component-card.css

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

 Thanks

[iamdawnumcm]

@oscprofessional Thanks for the code. Works out just find. But on my media screen(mobile) The product name is in bold font instead of normal. Can you advice how to change back to normal?

 

[oscprofessional · Accepted solution]

okay,
paste the below code

@media screen and (max-width:767px){
span.card-information__text.h5 {
    font-weight: normal;
}
}