Support » Plugin: WooCommerce » How to fit photos to wordpress frame?

  • Resolved papatom77

    (@papatom77)


    I am running this site acryl.gr and i want to make my thubnail photo fit exactly to the photo frame . For example i dont like the white frame on the left and right of the photos.
    I have already talk with astra developers and they said it is woocommerce problem

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support abwaita

    (@abwaita)

    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 http://www.snipboard.io for screenshots.

    Thanks.

    Thread Starter papatom77

    (@papatom77)

    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.

    Plugin Support Stuart Duff – a11n

    (@stuartduff)

    Automattic Happiness Engineer

    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.

    Thread Starter papatom77

    (@papatom77)

    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 2 months, 1 week ago by papatom77.
    Thread Starter papatom77

    (@papatom77)

    so anyone?

    Plugin Support abwaita

    (@abwaita)

    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.

    Thread Starter papatom77

    (@papatom77)

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

    Plugin Support Stuart Duff – a11n

    (@stuartduff)

    Automattic Happiness Engineer

    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.

    http://www.gimp.org/

    Thread Starter papatom77

    (@papatom77)

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.