How to fit photos to wordpress frame?

Hi @papatom77,

It seems that the link you’ve shared does not have a product.

Kindly share with us a link to the product again. Further, please highlight the white frame you’re referring to in a screenshot and share it with us. You can use https://www.snipboard.io for screenshots.

Thanks.

i am sorry check this one

https://acryl.gr/product-category/%cf%80%cf%81%ce%bf%cf%83%cf%84%ce%b1%cf%84%ce%b5%cf%85%cf%84%ce%b9%ce%ba%ce%ac-plexiglass/

Hi @papatom77,
Hope you are doing well in this pandemic. You can use the CSS code below to solve your problem. Maybe it will help. I am not sure.

.woocommerce ul.products li.product .woocommerce-loop-product__link img, .woocommerce-page ul.products li.product .woocommerce-loop-product__link img {
    height: 260px;
    object-fit: none !important;
   
}

For put, this code Go to Dashboard > Appearance > Customization > Additional CSS > Publish.
Thank you.

Hey @papatom77,

The CSS provided by @nadiaakther will play the desired changes for you.

Image Link: https://cloudup.com/cm5odf2Ov-0

We’ll therefore mark this as resolved – if you have any further questions, you can reopen it again if you need be.

This is exactly what i want , thank you sooooooo much!!!!! is there a plugin because with this custom css many products dont look so good??

• This reply was modified 3 years, 6 months ago by Acryl Design.

so anyone?

Hi @papatom77,

>is there a plugin because with this custom css many products dont look so good??

Just to check, could you elaborate on the products that don’t look so good after adding the CSS? Does their appearance change if the custom CSS is removed?

And to clarify, you might not be able to get a plugin that will auto-fix display issues. Normally, the display of the shop and product pages is controlled by your theme. You can make customizations via CSS changes like what’s been suggested above, but this is not from a plugin, rather one has to target CSS elements and attributes, mostly from your theme.

*For an overhaul of how your product and shop pages appear, you’d be best placed referring to the theme author or switching to a theme that comes with the display you prefer.

the main problem is , the thumbnails dont appear correctly. I m just want to change thumbnail demensions

Hi @papatom77,

For images, we’d suggest editing those to be all the same size and removing any borders before uploading them to WordPress and WooCommerce. An image size of 800px x 800px should work well for product images.

If you don’t own a copy of Photoshop you can use this fantastic free image editing tool to edit your images before uploading them titled GIMP.

https://www.gimp.org/

Thanks you for your answer , i already working that way!