Archived topic

change pricing look

5 replies · Started by Edward on April 25, 2020

Viewing posts 1–6 of 6

April 25, 2020 at 5:28 am #1254842

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.

April 25, 2020 at 6:58 am #1254943

Hi there,

try adding this CSS:

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

April 25, 2020 at 10:41 am #1255353

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"

April 25, 2020 at 5:29 pm #1255726

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;
}

April 27, 2020 at 2:09 am #1257341

Awesome, that worked. thanks Tom!

April 27, 2020 at 8:56 am #1258140

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.