How to change product title font size only on product page. (DAWN THEME)

Solved
thevista888
Explorer
63 0 21

Hello I'd like to change the product title size but dont know how to, can you help me with that? 
My store link is: wiggleduck.com

Accepted Solutions (2)

Accepted Solutions
KetanKumar
Shopify Partner
26715 2676 9389

This is an accepted solution.

@thevista888 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-main-product.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.product__title {
font-size: 30px; /* change valua as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

dmwwebartisan
Shopify Partner
10201 2285 3183

This is an accepted solution.

@thevista888 

Please add the following code at the bottom of your CSS file.

@media only screen and (min-width: 750px){
h1.product__title { font-size: 3.2rem !important; }
}

Hope this works.

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 →

View solution in original post

Replies 18 (18)
JHKCreate
Shopify Partner
2953 507 726

Hi @thevista888 

If you have the CSS code, go to your product.liquid file and add the CSS code between <style>    &    </style>

Let me know!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com
Learn more about us: jhkcreate.com
Satisfied with our solutions? Drop a review on Google

KetanKumar
Shopify Partner
26715 2676 9389

This is an accepted solution.

@thevista888 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-main-product.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.product__title {
font-size: 30px; /* change valua as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

dmwwebartisan
Shopify Partner
10201 2285 3183

This is an accepted solution.

@thevista888 

Please add the following code at the bottom of your CSS file.

@media only screen and (min-width: 750px){
h1.product__title { font-size: 3.2rem !important; }
}

Hope this works.

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 →

View solution in original post

thevista888
Explorer
63 0 21
thevista888
Explorer
63 0 21
dmwwebartisan
Shopify Partner
10201 2285 3183

@thevista888 

If helpful then please Like and Accept Solution

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 →
RC7
Excursionist
18 1 2

What about changing the product description body text? Also in which CSS file do we need to add the code? base.css?

RC7
Excursionist
18 1 2
Click to expand...
I tried adding 



.product-single__description ul{
    font-size: 20px !important;
}​




to both base.css as well as section-main-product.css but neither worked.

 

KetanKumar
Shopify Partner
26715 2676 9389

@RC7 

sorry for any issue can you please share store url.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing