Change position for sale price and regular price

[Kareem-bitar]

How can I change the position for sale price and regular price?

URL:https://spoontag.com/products/rk-27-piece-opal-tempered-glass-double-bowl-dinnerware-set?_pos=1&_sid...

[HazemSaber]

Hey @Kareem-bitar,

As you are using the "Ride" theme, you can change the price position as follows:

1. Go to the Online Store > Themes

2. Click the Customize button to open the theme editor

3. Navigate to any product page

4. Drag the Price block under the Product information section using the dots on the left-hand
5. Save

[Kareem-bitar]

Hi Hazem ,

I want to change the position for the sale price to the left side and the regular price to the right side 

[BSSCommerce-HDL · Accepted solution]

Hi @Kareem-bitar, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.price--on-sale .price__sale {
    display: flex !important;
    flex-direction: row-reverse !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App

Hi @Kareem-bitar   Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
.product .price__sale{
    display: flex !important;
    flex-direction: row-reverse !important;
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly