How can I reduce the product title font size in the Prestige theme?

[Jednay]

Hi guys,

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

Thanks in advance!

[LuffyOnePiece]

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

[Jednay]

Hi,

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

Many Thanks

[LuffyOnePiece]

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.

[Jednay]

Hi Sandeep,

Hmm? Still hasn't worked.

[Jednay]

 

[Jednay]

 

[Jednay]

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]

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.

[Jednay]

Thank you, but still nothing.

[Jednay]

 

[LuffyOnePiece]

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

[Jednay]

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

 

[niraj_patel]

Hello @Jednay 
Can you share store URL?

[Jednay]

Hi there,

Jednay.com

Thank you!

[niraj_patel]

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.

[Jednay]

Hi,

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

[niraj_patel]

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

[Jednay]

Hi,

I don’t understand?

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

 

[niraj_patel]

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

[Jednay]

Thanks, still nothing.