FROM CACHE - en_header

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

Solved
iamdawnumcm
Excursionist
28 0 8

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
13834 2107 2710

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. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant

View solution in original post

Replies 5 (5)
dmwwebartisan
Shopify Partner
11280 2411 3467

@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
13834 2107 2710

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. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
iamdawnumcm
Excursionist
28 0 8

@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
13834 2107 2710

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. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant