FROM CACHE - en_header

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

Solved
iamdawnumcm
Excursionist
27 0 7

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
12527 1933 2480

This is an accepted solution.

okay,
paste the below code

@media screen and (max-width:767px){
span.card-information__text.h5 {
    font-weight: normal;
}
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing

View solution in original post

Replies 5 (5)
dmwwebartisan
Shopify Partner
11014 2378 3402

@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 | Click here GemPages The most powerful Shopify page builder.
khilan
Shopify Partner
271 15 26

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
12527 1933 2480

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
iamdawnumcm
Excursionist
27 0 7

@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
12527 1933 2480

This is an accepted solution.

okay,
paste the below code

@media screen and (max-width:767px){
span.card-information__text.h5 {
    font-weight: normal;
}
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing