I want to change the regular price font same as sale price on product page only

[swayurindia]

I want to change the regular price font same as sale price on product page only

[Moeed]

Hey @swayurindia 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[swayurindia]

https://www.swayur.com

[Moeed]

Hey @swayurindia 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.price--on-sale .price-item--regular {
    font-size: 21px;
    font-weight: bolder;
}
</style>

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

Best Regards,
Moeed

[swayurindia]

The solution is not working. Pls help me.

[Moeed]

Hey @swayurindia 

If you follow the steps correctly then it will work. Can you share a screenshot that where you pasted the code?

[swayurindia]

Actually I want show the product price of the products which are not on sale just like the sale price font size.

That's why I had attached the other screenshot as well.

[Moeed]

Hey @swayurindia 
Remove the previous code and add this new code.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
span.price-item.price-item--regular {
    font-size: 24px !important;
    font-weight: bolder;
}
</style>

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

Best Regards,
Moeed

[swayurindia]

Font size of product price on homepage, search bar, collections page, all have been changed as following.

All this I have tried earlier as well. Please suggest some other code.

[swayurindia]

[Moeed]

Hey @swayurindia 

Apologies, Please remove the previous code and add this new code above </body> in theme.liquid file. This code will only change the prices from the product page.

{% if template contains 'product' %}
<style>
span.price-item.price-item--regular {
    font-size: 24px !important;
    font-weight: bolder;
}
</style>
{% endif %}

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

Best Regards,
Moeed

[swayurindia]

Still the size of the price font is not changed in search bar and in related products on product page the size have not changed.

[swayurindia]

Please help us out it would be a great pleasure if you help out. Since we're trying this for last 1 month

But no proper solution I am getting

[swayurindia]

Still the size of the price font is not changed in search bar and in related products on product page the size have not changed.

Please help us out it would be a great pleasure if you help out. Since we're trying this for last 1 month

But no proper solution I am getting