Hi, I want to switch the position between compare price and price of my theme on all pages. Basically this would switch ‘Was Price’ and ‘New Price’ Position so ‘New Price’ Comes First. See photo. This is my store url/not live theme that I am editing: https://babybliss.co/?_ab=0&_fd=0&_sc=1 Any…

Hey @babystore123 , Ok you can proceed to add this to the theme.liquid file If you want to add it to the Custom CSS box in the theme customizer, then add this instead .price.price--on-sale .price__sale { display: flex !important; flex-direction: row-reverse !important; gap: 10px !im…

Hey @babystore123 , Try this and let me know if it works :blush: Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid” Below the tag “” tag paste the following. Screenshot attached for reference. Screenshot is for reference only, the correct code to paste is the one…

Hi! It didn’t change anything :disappointed_face: I’d like to change it both on the product and collection page!

Hey @babystore123 , Could you show me how you applied the code? I don’t see any trace of it in the website

Just added it back :slightly_smiling_face:

Hey @babystore123 , I still don’t see it. Can you check if you added it on the correct theme? Please also send me a screenshot of how you added it.

Here is the website theme I am editing: https://babybliss.co/?_ab=0&_fd=0&_sc=1 It’s not the live website! Whenever I try to attach a photo it won’t let me… :disappointed_face: Under theme.liquid: Added here: .price-list.price-list--centered { flex-direction: revert !important; } {%-…

I still don’t see it @babystore123 . Nevermind, can you add it here instead? Just go to the Theme Customizer, select “Settings” and add it on the Custom CSS .price-list.price-list--centered { flex-direction: revert !important; } [ThePrimeWeb_0-1707074506418.png]

Hi! Thank you! I did that too but nothing changed!

Hey @babystore123 , Are you sure you are doing this on the right theme? I am not seeing the code anywhere in the website at all.

If you are working on a different theme, make sure you click on “Share preview” and send me the preview link. Right now I am seeing the live theme from your URL. [ThePrimeWeb_0-1707075195008.png]

Switch 'Was Price' and 'New Price' Position in Dawn Theme so 'New Price' Comes First

Store Design

babystore123 February 4, 2024, 9:25pm 15

I just want the ‘was price’ / is price to be side-to-side on mobile. But right now it’s all messed up after coding!

Topic		Replies	Views
Switch position of price and compare at price Store Design landing-page , css , shopify-themes , html	3	90	January 25, 2024
Switch The Position Of Original Product Price And Sale Price Store Design	8	142	August 6, 2024
How to change the positioning of prices (pipeline theme) Store Design design , customizations , collection-page , shopify-themes	5	50	January 5, 2023
How to swap the positions of these two prices? Store Design design , css , product-page	6	127	January 16, 2025
Swap Old vs New price Store Design design , customizations , shopify-themes	9	140	December 2, 2025

Switch 'Was Price' and 'New Price' Position in Dawn Theme so 'New Price' Comes First

Related topics