Hello

I have very problem with this theme not have any option to fix image when is addetet to difrend size how to target shop page images product to add this css code

img {

height: 300px;
width: auto;
text-align: center;
object-fit: contain;
}

Attachments:

You must be logged in to view attached files.

Hello,

Please remove your CSS and try to follow the suggestions from here: https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

Best Regards

not working i have try so many times iwant to add this css to target just product no all images because i have try this but not work

Hello,

This CSS would break all your images. It is not possible to do with CSS.

Best Regards

but my product page is not good with that option witch theme offers not work still are deformed
look in photo

Attachments:

You must be logged in to view attached files.

Hello,

In order for the CSS rule could work, you need to upload images of the same size.

Please try to apply the CSS to this selector: .product-grid-item img

Best Regards

hello,

this .product-grid-item img it work for fix my porblem but but not work i single porduct page image can you sendme a clas to target a sigle porduct page image to config it

Hello,

There is no option to influence the main product image on the product page, unfortunately.

Best Regards

do have any css to target just single porduct image form wp additional css

Hello,

You can try this code:

body.single .product-images img {
    width: 100%;
}

Best Regards

thanks this work but can I separated this css not impact mobile just in desktop

Hello,

Sure, you can insert the code in the device section as per your needs.

Best Regards

that not work can you tele me to tareget single product sub images

Hello,

As I told you below it is not possible to correct with the CSS. You will have to change the size of the image itself.

Best Regards

[Author]

Posts