Solved

How to increase the size of the Price on the product page

Shivam97
Trailblazer
165 0 63

Hi there,

Tried everything,

How to increase the size of the price on the product page and Category page.

URL - https://www.portronics.com/products/pure-sound-1

 

ssiiz.PNGsizee inccc.PNG

Accepted Solutions (2)
dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@Shivam97 

Please remove the old code and add this new code.

@media only screen and (min-width: 769px){
.sale-price { font-size: 25px !important }
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @Shivam97 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-product .product-single__prices{
    flex-direction: row-reverse;
    justify-content: flex-end !important;
    }
.template-product  .product-single__prices .money{
    margin-right: 12px;
    }

 

View solution in original post

Replies 13 (13)

dmwwebartisan
Shopify Partner
12280 2546 3694

@Shivam97 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 769px){
.product__price { font-size: 25px !important; }
.grid-product__price{ font-size: 18px !important; }
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Shivam97
Trailblazer
165 0 63

I want to increase the size of selling price only not the MRP. MRP should be small which have Cut on it 

@dmwwebartisan And can you please exchange to each other so selling price should be first and MRP price should be second.

Thankyou

Kinjaldavra
Shopify Partner
2302 570 1422

hello @Shivam97 

do you want to look like this https://nimb.ws/4Ul8pM

 

Shivam97
Trailblazer
165 0 63

Yes but Swap. and Cutted prize should be more small. @Kinjaldavra @dmwwebartisan 

Shivam97
Trailblazer
165 0 63

Right price should be left and left one to be right, But the right one should be small in size.

@Kinjaldavra @dmwwebartisan 

Kinjaldavra
Shopify Partner
2302 570 1422

do you want to like this https://nimb.ws/xbWNLS

 

Shivam97
Trailblazer
165 0 63

No Opposite. The prize should be big and Cutted prize should be small. 

And the big Price should first and the prize which is cutted should be right and small.

@Kinjaldavra @dmwwebartisan 

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@Shivam97 

Please remove the old code and add this new code.

@media only screen and (min-width: 769px){
.sale-price { font-size: 25px !important }
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Shivam97
Trailblazer
165 0 63

perfect @dmwwebartisan But I need the main prize should be left and the cutted prize should be right with some little gapping. 

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @Shivam97 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-product .product-single__prices{
    flex-direction: row-reverse;
    justify-content: flex-end !important;
    }
.template-product  .product-single__prices .money{
    margin-right: 12px;
    }

 

Shivam97
Trailblazer
165 0 63

Thanks thats work ,

how can i make the right price little up in alignment now its on center 

Shivam97
Trailblazer
165 0 63

@Kinjaldavra @dmwwebartisan 

My Grid price needs to correct, the price which is right should be left and vice versa. and please increase the size of small price, its too much small right now.

URL - https://www.portronics.com/collections/new-arrivals

 

gridd imahe.PNG

 

 

EstebanPenagos
Excursionist
16 0 3

Hi Kindjaldavra, 
I´m looking for some assistance while making the product prices bigger on my website
https://selectotiendavirtual.com/

Would you please give me some advice on this