Change Product Title Font Size on Refresh Theme

Technical Q&A
1

Hello Community!

I need help changing the product title font size on shopify’s refresh theme.

I have tried the following code on section-main-product.css, but it did not work.

.product__title { font-size: 30px; }

I appreciate your help and time!

2

Hi @XYZX ,

Try this code instead.

  1. In your Admin page, go to Online store > Themes
  2. Choose the theme you want to edit then click Actions > Edit code.
  3. Open the base.css under the Asset folder.
  4. Add the code below.
div.product__title h1 {
    font-size: 30px;
}
3

It worked!! Just one more question: how can I set that the size on mobile is different to desktop?

Thanks for your help! Much appreciated!!! :heart_suit:

4

@XYZX

You can use the code below.

@media only screen and (max-width: 750px) {
div.product__title h1 {
    font-size: 20px !important;
}
}