how to change position price, theme refresh

[Svds]

How to i get the new price to the left and the crossed through price to the right, so how do i flip them?

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.price__sale {
  display: flex!important;
  flex-direction: column;
}
.price-item--sale {
  order: -1;
}

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.price-item.price-item--sale.price-item--last {
font-size: 20px;
}

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Svds]

store url is https://facce-amsterdam.nl/

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.price__sale {
  display: flex!important;
  flex-direction: column;
}
.price-item--sale {
  order: -1;
}

[Svds]

that did it, thanks!

[ZestardTech]

Hi @Svds 

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance. If helpful then please Like and Accept Solution.

Thank you!

[Svds]

do you also know how i increase the size of the new price a bit?

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.price-item.price-item--sale.price-item--last {
font-size: 20px;
}

[Svds]

thank you, but it looks like the price moved just a bit down and isnt aligned with the compare price anymore.

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.product__info-container .price--on-sale .price-item--regular {
font-size: 20px;
}

[Svds]

How can i delete the "EUR" that is after the original and compare price ?

[Svds]

And do you also know how to change the numbers underneath the product page pictures to dots? 

[ZestardTech]

Hi @Svds 

These two tasks cannot be done with CSS alone. You'll need to go into the theme and make changes to the custom JavaScript (JS) and Liquid code to achieve them.

Thank you!

[Svds]

okay, could you do that for me? or someone else, to hire you or them for that?

[Svds]

now the products that are not on sale are like this: (see picture) how can i solve this?