Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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!
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;
}
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!
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
Yes but Swap. and Cutted prize should be more small. @Kinjaldavra @dmwwebartisan
Right price should be left and left one to be right, But the right one should be small in size.
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.
This is an accepted solution.
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!
perfect @dmwwebartisan But I need the main prize should be left and the cutted prize should be right with some little gapping.
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;
}
Thanks thats work ,
how can i make the right price little up in alignment now its on center
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
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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024