Change product title font prestige

Jednay
Excursionist
77 0 1

Hi guys,

 

How do you reduce the product title font size please? I’m using the prestige theme.

 

Thanks in advance!

Replies 20 (20)

LuffyOnePiece
Shopify Partner
400 64 64

Hi @Jednay ,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

.product-title {
    font-family: sans-serif !important;
}

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Jednay
Excursionist
77 0 1

Hi,

 

This didn’t work, does it not need to specify the font size in the code?

 

Many Thanks

LuffyOnePiece
Shopify Partner
400 64 64

Hi @Jednay ,

 

Add below css if you want to change font size for the product page title.

 

h1.product-title.h3 {
    font-size: 20px;
}

 

If it is for product grid, add below css.

 

a.product-title.h6 {
    font-size: 14px !important;
}

 

Thanks.

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Jednay
Excursionist
77 0 1

Hi Sandeep,

 

Hmm? Still hasn't worked.

 

 

Jednay
Excursionist
77 0 1

IMG_4579.JPG

Jednay
Excursionist
77 0 1

IMG_4580.jpeg

Jednay
Excursionist
77 0 1

Hi Sandeep,

 

Is that instead of the original code or as well as please? As it doesn’t seem to be working, unless I’ve pasted it in the wrong place?

 

Thanks a lot.

LuffyOnePiece
Shopify Partner
400 64 64

Hi @Jednay ,

 

Remove all other code.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

Add below css if you want to change font size for the product page title.

 

 

 

 

<style>
h1.product-title.h3 {
    font-size: 20px;
}
</style>

 

 

 

If it is for product grid, add below css.

 

 

 

 

<style>
a.product-title.h6 {
    font-size: 14px !important;
}
</style>

 

 

 

Thanks.

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Jednay
Excursionist
77 0 1

Thank you, but still nothing.

Jednay
Excursionist
77 0 1

IMG_4606.jpeg

LuffyOnePiece
Shopify Partner
400 64 64

Hi @Jednay ,

 

Remove all code added and add below code.

<style>
h1.product-title.h3 {
    font-size: 20px;
}
a.product-title.h6 {
    font-size: 14px !important;
}
</style>

 

Thanks

 

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Jednay
Excursionist
77 0 1

Still nothing Sandeep, and now I’m seeing this error..

 

IMG_4609.jpeg

techlyser_web
Shopify Partner
1423 268 282

Hello @Jednay 
Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Jednay
Excursionist
77 0 1

Hi there,

 

Jednay.com

 

Thank you!

techlyser_web
Shopify Partner
1423 268 282

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 </body> on theme.liquid
<style>
@media screen and(min-width: 641px){
  .features--heading-small .u-h2{
       font-size: 16px !important;
   }
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Jednay
Excursionist
77 0 1

Hi,

 

Still nothing, I’m now seeing this error, so i may have messed up somewhere ?

 

 

IMG_4607.jpeg

techlyser_web
Shopify Partner
1423 268 282

refresh your theme
And see on line number 236 that you did not add it(>)

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Jednay
Excursionist
77 0 1

Hi,

 

I don’t understand?

 

This is how it currently looks, do i need to add or remove anything from this..

 

IMG_4610.jpeg

techlyser_web
Shopify Partner
1423 268 282

On line number 236 in place of this  </style  add this </style>
It will not show any error.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Jednay
Excursionist
77 0 1

Thanks, still nothing.