Alchemy Theme: Change Font Size and colour Of Discounted Price

Store Design
1

Hi, I need to increase the discounted price on my website and make it a bit more colourful, how can I do this?

https://tantarainwear.com/products/impermeable-nube?variant=42956151783663

2

Hi @RubenTanta

Go to Assets/styles.css

.product-price--large .product-price__compare {
    font-size: 25px;
}
.product-price__compare{
    color: #ff0000;
    font-size: 18px;
}

Thank you.

3

Hello and thank you very much. I have managed to change the colour but the size remains the same.

https://tantarainwear.com/products/chubasquero-mujer-byge

4

Look https://tantarainwear.com/products/impermeable-mujer-baisteach

The product its ok but the collection prices below in the recommended prices are the size upside down. :disappointed_face:

I have pasted what you have put below, do I need to delete any previous code or edit it directly instead of pasting it below?

5

I’ve seen this in the code, for example.

Captura de pantalla 2022-07-04 a las 12.30.09 copia.jpg
Captura de pantalla 2022-07-04 a las 12.30.09 copia.jpg1778×1116 108 KB

6

Hi @RubenTanta

This below code is for product price.

.product-price--large .product-price__compare {
    font-size: 25px;
}

and this is for recommended price.

.product-price__compare{
    color: #ff0000;
    font-size: 18px;
}

please refer below video.

https://www.awesomescreenshot.com/video/9864972?key=abbd89faabc13b1ac320cc0110cf68d

Thank you.