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

Store Design
1

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

2

Hi @thevista888

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

Let me know!

3

@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 */
}
4

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

5

Thank you so much for help.

6

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

7

@thevista888

If helpful then please Like and Accept Solution

8

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

9
Show More

I tried adding

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

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

10

@RC7

sorry for any issue can you please share store url.

11

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

12

@Wishpools

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

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

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

13

@Wishpools

Please share store URL.

Thanks!

14

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

15

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

16

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

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

Thank you!

Can I just keep the crossed price as before?

18

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

19

thank you! It is work.

20

@Wishpools

its my pleasure to help