Inverse Sale Price and Normal Price Position

[thomasmrgn99]

Hi,

I am looking to swap the positions of the Sale Price and Pre-Sale price.

I am running debutify theme, store is pawcopets.co.uk

Thanks in advance!

[Ninthony · Accepted solution]

You can add this to the bottom of your theme.scss.liquid file:

.price-container {
    display: flex;
}
#ProductPrice {
    order: 1;
    padding-left:10px;
}

[thomasmrgn99]

Ledge @Ninthony thank you.. Do you know how I can change the font on the sale price?

[thomasmrgn99]

The font size*

[Ninthony]

You can add this underneath the other code you posted.

#ComparePrice {
    font-size: 10px;
}

[thomasmrgn99]

@Ninthony Thanks man appreciate it

Any idea how I can make the font bigger for the add to cart button text?

[Ninthony · Accepted solution]

.btn__add-to-cart-text {
    font-size: 20px;
}

.material-icons-outlined.button-cart-icon {
    font-size: 20px;
}

[thomasmrgn99]

Hi @Ninthony do you know why the 2 prices take a different line height when I change the font size on one? And if it is fixable

[Ninthony]

Define the line height in the price container:

.price-container {
    display: flex;
    line-height: 1em;
}

It might look a little off but that's just your eyes playing tricks:

[thomasmrgn99]

Thank you sir! Appreciate @Ninthony 

By any chance do you know if there is a solution to this?

https://community.shopify.com/c/shopify-design/change-size-of-images-in-text-columns-with-image/m-p/...