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

Solved
iamdawnumcm
Excursionist
25 0 6

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

Screen Shot 2021-10-22 at 12.25.42 AM.png

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

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
9165 1561 1925

This is an accepted solution.

okay,
paste the below code

@media screen and (max-width:767px){
span.card-information__text.h5 {
    font-weight: normal;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Replies 5 (5)
dmwwebartisan
Shopify Partner
9743 2227 3060

@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!

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 →
khilan
Trailblazer
226 13 23

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!

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
oscprofessional
Shopify Partner
9165 1561 1925

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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
iamdawnumcm
Excursionist
25 0 6

@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?

51441634894698_.pic.jpg

oscprofessional
Shopify Partner
9165 1561 1925

This is an accepted solution.

okay,
paste the below code

@media screen and (max-width:767px){
span.card-information__text.h5 {
    font-weight: normal;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post