I want to change the "product price" position to the left, how do I do that?

My web is https://tamtumusic.vn/
I want to change the “product price” position to the left, how do I do that?
thanks!

Attachments:

You must be logged in to view attached files.

Hello,

You will get this view: https://gyazo.com/daa9e71cca568d97cf63c6644d7c34fc

You can try this code:

body .product-grid-item .price span{
    display: block;
    text-align:left;
}

Add this code to the Theme Settings > Custom CSS > Global.

Best Regards

I want to change the price of the promotional product located on the left side, as shown below.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL and which block you mean.

Best Regards

For example, this product, I want to change the price of the promotional product to the left hand side.

https://tamtumusic.vn/shop/dan-guitar-classic-ba-don-c-1300/

I have attached this code as you said, but it doesn’t change.
I want the promotional price to be on the left hand side. as shown below

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for the clarification.

Please add this code to the Theme Settings > Custom CSS > Global:

.summary-inner > .price{
    display: flex;
    align-items: flex-start;
}
.summary-inner > .price del {
    order:1;
}
.summary-inner > .price ins {
    padding-right: 20px;
}

Best Regards

[Author]

Posts