FROM CACHE - en_header

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

Solved
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)

Accepted Solutions
dmwwebartisan
Shopify Partner
11014 2377 3400

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 | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Kinjaldavra
Shopify Partner
2302 569 1407

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;
    }

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder

View solution in original post

Replies 12 (12)
dmwwebartisan
Shopify Partner
11014 2377 3400

@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 | Click here GemPages The most powerful Shopify page builder.
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 569 1407

hello @Shivam97 

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

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
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 569 1407

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

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
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
11014 2377 3400

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 | Click here GemPages The most powerful Shopify page builder.
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 569 1407

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;
    }

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
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