Docs

[outfitarena]

Hi,

The photos on the right are too big, so I resize them through css code. But I need the red one to stay the same. Is that possible?? I mean, can I manage it separately from others?

Thanks in advance!!

[outfitarena]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

.woocommerce div.product .summary img {
    max-width: 150px
}

.woocommerce div.product .summary img.wp-image-143 {
    max-width: 100%;
}

Hope it helps 🙂

[outfitarena]

This reply has been marked as private.

[Christopher]

Hi there,

Please update previous code to :

.woocommerce div.product .summary img {
    width: 150px;
    height: 150px;
}

Hope it helps.

[outfitarena]

This reply has been marked as private.

[Rue Nel]

Hello There,

If you want to exclude the red image, you can use this code instead:

.woocommerce div.product .summary img:not(.wp-image-143) {
    width: 150px;
    height: 150px;
}

Please let us know if this works out for you.

[outfitarena]

It worked perfect, thank you, guys!!!

[Thai]

Glad it worked 🙂

If you need anything else please let us know.

[Author]

Posts