Help on Minimal Theme! - How to swap the positions of the compare price with the display price?

Store Design
1

Help on Minimal Theme! - How to swap the positions of the compare price (higher price) with the display price (current price)? see attached image 1.

Would like to change something like Image 2 - like alyaskin.com

Also, how can i change my compare price (higher price) to not be bolded and pink in color like image 3?

2

@Tisha

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hey ketan @KetanKumar sorry for the delayed response, here is my URL link: https://glamilk.com/collections/glamilk-collection (not fully done with my store yet)

Let me know your thoughts, if you like me to add you as a staff member to do some editing, I will be happy too or I can follow your instructions here, thank you.

I can also be reached easily at tishalim01@gmail.com thank you.

4

@Tisha

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.grid-link__sale_price {margin-left: 6px;}
.grid-link__meta {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
5

hey Ketan, I will give it a try, actually shopify theme customization team has gotten back with me and it seems like they are working on it now. I will let you should further help be needed, thank you so much again!