How to make Small Size

Hi,

I need make image width to 75% for specific categories of Product like Accessories Categories.

Home Page without 75%, it’s looks big. Refer Attachment.

But, while i am applying the below css is applying for all other product also.

img.attachment-shop_catalog.size-shop_catalog {
width: 75%;
}

Attachments:

You must be logged in to view attached files.

Hello,

Sorry, but you can’t apply this CSS code for the particular category only. Anyway, it will be added for all product images all over the site.

Regards

After applying CSS to product images all over the site.

is that possible to increase only two product images which is in different block/div?and how to do that?

Could you please provide us a link and screenshots of these products so we can check is it possible?

Finally i found solution, it will be as follows

img.attachment-shop_catalog.size-shop_catalog {
width: 65%;
}

.ordernow > .woodmart-tab-content > .woodmart-products-element > .products > .product-grid-item > .product-element-top > a > img.attachment-shop_catalog.size-shop_catalog{
width:100%;}

Great, we are glad that you have found the solution

[Author]

Posts