How to change the positioning of prices (pipeline theme)

[demor_support]

Can someone help me on how I can switch the positioning of the prices.

The compared price should be on the left and my selling price should be on the right.

Any help is highly appreciated.

Thanks!

[Ujjaval]

@demor_support Can you share your store url?

[demor_support]

@Ujjaval here’s the store url

https://j3k6zx1wim3b4qtu-32886259850.shopifypreview.com

[GemPages]

Hello @demor_support

It’s GemPages support team and glad to support you today.

1. Go to Online Store → Theme → Edit code
2. Open your theme.scss.css file and paste the following code below:

.price_wrapper{
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
}
.price_wrapper .compare-at{
    margin: 0 10px 0 0;
}

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[Ujjaval]

@demor_support
Put below css into theme.liquid file before closing tag

[demor_support]

@Ujjaval i noticed that the alignment is centered so can the price be aligned on the left, aligned with the first letter?

I tried changing the underlined to left but it’s not going left enough.

Will wait for your further advise