Site logo

Archived topic

Chnage margin-top when product is on sale

3 replies · Started by nik9 on December 11, 2020

Viewing posts 1–4 of 4

Hello,

Is there a way to adjust the...

.woocommerce ul.products li.product a.button {
    margin-top: -10px;
}

to this below but only when a product is on sale?

.woocommerce ul.products li.product a.button {
    margin-top: -15px;
}

Cheers

Hi there,

sale products are given a class of sale so you can do this:

.woocommerce ul.products li.product.sale a.button {
    margin-top: -15px;
}

Oh, that was simple. I didn't saw that! Thanks David! :)

You're welcome!

This archived topic is closed to new replies.