want to change the product structure on single page

Hii, I am using the standard button product style in default. But I don’t want it everywhere. especially, on single page below the main product in related products or recently viewed products, I want it like tiled structure without add to cart options given. here is the screenshot I have given, the first one is what is showing already and the second one is what I want. just I want to hide this add to cart along with the quantity input. Also, you can see the image is not showing properly instead of showing in the middle it is showing towards the left side. this image problem is also happening on the homempage. Please help me in solving these issues.
Actually, I have already used this css code.

.woodmart-hover-standard .woodmart-add-btn {
display: none;
}

but instead of hiding it form related products only, it hides from shop page also and I want to hide it on a single page in related products category only.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

`.single-product .woodmart-hover-standard .woodmart-add-btn {
display: none;
}

This will only remove the buttons from the single product page only.

And for the images not aligned please provide with some relevant screenshots of the specific area to check it myself and help you out accordingly.

Regards.
Xtemos Studios.

here are some of the images which you can go through. see in all these images instead of showing the products in the middle it shows towards the left side. and this is happening on all pages whether it is the homepage or a single page.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached.

It seems that the images you use are not centered or equally cropped. Basically, the product images are controlled by WooCommerce and our theme doesn’t influence.

WooCommerce provides settings for images that you can find under Appearance >> Customize >> WooCommerce >> Product Images.

You can read our detailed documentation about image alignment and content in the following link:
https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

Best Regards.

[Author]

Posts