Solved

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

thevista888
Explorer
65 0 22

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)

KetanKumar
Shopify Partner
36839 3635 11972

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
12279 2546 3693

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 27 (27)

JHKCreate
Shopify Expert
3571 639 916

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
thevista888
Explorer
65 0 22

Thank you so much for your help. @JHKCreate @dmwwebartisan @KetanKumar 

dmwwebartisan
Shopify Partner
12279 2546 3693

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

KetanKumar
Shopify Partner
36839 3635 11972

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
Ox6d
Excursionist
18 1 6

Hello @KetanKumar ,

Do you know if it works with the new dawn 2.0 theme? I have done the instructions and yet I do not see any difference on the size of the titles in product pages

Thanks for your help 🙂

KetanKumar
Shopify Partner
36839 3635 11972

@Ox6d 

can you please send 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
Ox6d
Excursionist
18 1 6

@KetanKumar 

thank you very much for your feedback!

of course, the address of the site is: www.laiguille-store.com

 

KetanKumar
Shopify Partner
36839 3635 11972

@Ox6d 

great thanks for details can you please add this code 

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.product__title h1 {
    font-size: 30px;
    font-weight: bold;
}

 

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
Ox6d
Excursionist
18 1 6

@KetanKumar 
it's perfect, it works perfectly! thanks a lot for your help!!! 🙂

KetanKumar
Shopify Partner
36839 3635 11972

@Ox6d 

its my pleasure to help us 

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
DSK97
Visitor
1 0 0

Hi.

 

I tried this but it only changes for Desktop not for Mobile. how do I make sure it changes for mobile as well..?

My store is fanqvest.myshopify.com

elbotella
Tourist
10 0 3

Thank you very much.

dmwwebartisan
Shopify Partner
12279 2546 3693

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
thevista888
Explorer
65 0 22

Thank you so much for help.

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
36839 3635 11972

@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
Wishpools
Excursionist
20 0 4

Is possible to change the price and the crossed price font size&colour on the product page?

KetanKumar
Shopify Partner
36839 3635 11972

@Wishpools 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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
dmwwebartisan
Shopify Partner
12279 2546 3693

@Wishpools 

Please share store URL.

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Zworthkey
Shopify Partner
5581 642 1565

Hii, @Wishpools 
Kindly share your store URL.
Thank you.

Wishpools
Excursionist
20 0 4

Hi, the website is: 

www.wishpools.com.au

I feel that the price font size is too small as below

https://www.wishpools.com.au/products/double-sided-adhesive-wall-hooks

Zworthkey
Shopify Partner
5581 642 1565

@Wishpools 
Paste this code on top of the component-price.css file.

span.money {
    font-size: 26px !important;
    color: red !important;
}



Wishpools
Excursionist
20 0 4

Thank you!

Can I just keep the crossed price as before?

dmwwebartisan
Shopify Partner
12279 2546 3693

@Wishpools 

please add below code in bottom of  assets/section-main-product.css

@media screen and (min-width: 750px){
.product__info-container .price--on-sale .price-item--regular { font-size: 2.3rem !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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Wishpools
Excursionist
20 0 4

thank you! It is work.

KetanKumar
Shopify Partner
36839 3635 11972

@Wishpools 

its my pleasure to help 

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