[Resolved] change pricing look

[Edward]

Hi there,

I want to change the look of the pricing on homepage but not sure what CSS to use

I want it to look like:
£25.00

at the moment it looks like
£25.00 – £125.00

so essenitally like this:
https://ibb.co/xzscdP2

You can see the first product is how I want it.

[David]

Hi there,

try adding this CSS:

.woocommerce ul.products li.product .price > span:first-child {
    font-size: 16px;
}

[Edward]

hmm no thats just slightly changed the font size.

I added
—————-
.woocommerce ul.products li.product .price > span:first-child {
display: none;
}
————–
But that’s just removed the “£25” but kept the “-£125”

Is there a way of having it so the first price shows? so just “£25”

[Tom]

Hi there,

Try replacing that CSS with this:

.woocommerce ul.products li.product .price > span:first-child {
    font-size: 16px;
}

.woocommerce ul.products li.product .price {
    font-size: 0;
}

[Edward]

Awesome, that worked. thanks Tom!

[Tom]

You’re welcome 🙂

[Author]

Posts