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

Store Design
1

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.PNG
ssiiz.PNG724×458 66.7 KB

sizee inccc.PNG
sizee inccc.PNG1358×635 98.2 KB

2

@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!

3

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

4

hello @Shivam97

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

5

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

6

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

@Kinjaldavra @dmwwebartisan

7

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

8

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

9

@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!

10

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

11

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

Thanks thats work ,

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

13

@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
gridd imahe.PNG1303×406 114 KB

14

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