How can I adjust the price font size on my product page only?

[Good_Mood]

Hi,

I used the below code to change the price font size in the product page:

.price-item--regular {
font-size : 35px ;
font-weight: 700;
color: #060809;
}

However, it changed the price font size in the home page also, how can i fix that?

Any help please

Thanks

[Moeed · Accepted solution]

Hey @Good_Mood 

Remove the code you added and update it with this code in the end of theme.liquid file above </body>

{% if template contains 'product' %}
<style>
.price-item--regular {
    font-size : 35px ;
    font-weight: 700;
    color: #060809;
}
</style>
{% endif %}

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Good_Mood]

Perfect Moeed.

Thanks

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.