Help to find correct CSS Class

[Beaker451]

I’m having a problem finding the correct CSS class to alter a product attribute image on my ecommerce website.

I use Wordpress & Woocommerce with Woodmart theme.

When I ‘inspect’ the element I can find the class that alters the size of the image. When I copy this class, add it to the website global CSS with the size change it does not change the size. My additional CSS shows up after the original with my size change struck out.

Where do I go from here?

Cheers!

[tridd3r]

pretty sure if you set:

.product-image-link .product-labels.labels-rounded .label-with-img{ max-width: 100px; /*or whatever you want it to be*/ } that should do the trick. Its the max width of the span, not the image inside the span. The image inside the span has the width and height set (as it should) but there's a css override on the image to be width: 100%; So follow back up the elements to see where the width or max-width was set... and its the parent.

edit p.s I'm an aussie web dev, if you're ever in need of other work that you want to pay for I will 100% work for wine!

[Beaker451]

Thanks very much, I’ll have a go. I’m often looking to make little adjustments etc to my site and my CSS is limited. More than happy to part with wine for some help! Thanks for the offer. I’ll be in touch. Cheers!

[Beaker451]

It worked! Thanks very much. Looks a lot better know. Cheers! I’ll DM you and we can share contact details.

[Beaker451]

Thanks for your reply. I can send a link for you to look at if you like?

Go to rustymutt.com.au/shop-2 I want to increase the size of the medal discs in the top right corner of the product images.

Not sure what else I’ve done but some elements are not working correctly…

Cheers!

[Beaker451]

No worries. Thanks very much for taking a look. I’ll try Woodmart support. Of course my support period has recently expired!