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

Solved
Shivam97
Pathfinder
131 0 53

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

dmwwebartisan
Shopify Partner
7300 1723 2298

@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 | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Shivam97
Pathfinder
131 0 53

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

Natztech
Shopify Partner
1319 362 900

hello @Shivam97 

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

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
Shivam97
Pathfinder
131 0 53

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

0 Likes
Shivam97
Pathfinder
131 0 53

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

@Natztech @dmwwebartisan 

0 Likes
Natztech
Shopify Partner
1319 362 900

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

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
Shivam97
Pathfinder
131 0 53

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.

@Natztech @dmwwebartisan 

0 Likes
dmwwebartisan
Shopify Partner
7300 1723 2298

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 | Bag is a cart drawer that maximizes your sales. View app →
Shivam97
Pathfinder
131 0 53

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

0 Likes