• Customer

    Add white border around product images

    Posted by: mubasharsain Sep 26, 2019 at 20:50 (9 months ago)
    Hi, I hope you are doing well. Most of my product images are not square shaped and when I add an image with a long height, it gets cut out and does not show full image, and at the same time I want to keep all the products in the catalog well aligned without them being displayed uneven. Right now they are displayed even but the products are being cut out, and I have to add around 500 products and it would take ages to manually add a white border around each product. Godaddy's shop builder has this setting as a default where you add a product image and it adds a white border as default.

    So could you please help me to make this a fixed setting like when I add a product regardless of its image height, I could simply display the full image without being it cut out and display it aligned and even in the product pages. I have attached an image of the current situation. I believe adding a fixed white border around all product images would solve this issue but if you may know a better way to fix this and have all them display aligned and even, that would be great too.

    In the second screenshot, "Screenshot (3)" is the godaddy shop builder, url for that website is, https://mpsmarthk.com/shop?olsPage=products&page=4 , in which you may see there are images with long height and there is a border added around the images to make it fit in the square shape and also well aligned and even. The border for that image is black based on the black theme for that website. Nut for me, I would like to keep it white and have white borders like that around my product images.

    I would very much appreciate your help and time for the customize service. Thank you very much.

  • Customer

    Posted by: mubasharsain, Sep 26, 2019 at 20:50 (9 months ago)

    This is the first screenshot which shows the current situation. Thank you.
  • Customer

    Posted by: mubasharsain, Sep 26, 2019 at 20:54 (9 months ago)

    I've added the password to view the page in the secret information. Thank you.
  • Customer

    Posted by: yame, Sep 27, 2019 at 08:04 (9 months ago)


    My coder checked your issue and hope that we understood well you mean.
    He customized in Child theme for you but it does not change. Please disable all your caches.
    - In home page, you can edit the size of products in Shortcode Products: http://prntscr.com/pbmk5e
    - In shop page, you can edit the size of products in Customizing > Woo > Product Images > then change the custom size: http://prntscr.com/pbmks3



We offer service for $29. If you would like to use it, please click here to provide your credential information.


Use our expert service to turn your ideas into reality. Click here to provide your needed information.


Our support service works from Monday to Friday.
Mean time (GMT +7):
+ 7:30 - 11:30 AM
+ 1:30 - 5:30 PM
We will try to answer all the questions within 24 hours and solve them as quickly as possible