Studio theme - adjust size of product title

Hi there - I’m using Studio and my product titles are obnoxiously large. The only adjustment I can find is a global change, which I don’t want to do. Is there a way to change the size of just the product title and no other titles? Thank you!

1 Like

Hello @Jaymi

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.product .product__title h1 { font-size: 24px !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Hello @Jaymi
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

  • Here is the solution for you @Jaymi
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.product__title h1 {
 font-size: 26px !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like

Hi @Jaymi ,

As my previous solution I suggested (pemarlink: https://community.shopify.com/c/shopify-design/how-to-format-pop-up-block-on-studio-theme/m-p/2718714/highlight/true#M712636 )

You can change the size text of product title by add more css script in base.css like this below:

.product__title h1 {
    font-size: 50px !important;
}

You can change the value of font-size product title as you want.

In my example, I choose 50px.

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

1 Like