AbanteCart Community

Shopping Cart Operations => Support => Template Support => Topic started by: aph on June 22, 2022, 08:33:50 AM

Title: Centre Align Product Images in Category View
Post by: aph on June 22, 2022, 08:33:50 AM

We've had an issue with our site that algins all product images within a category to left align. We'd like them to centered.

What seems to be a very simple CSS adjustment has defeated us. Can anyone point us in the right direction?

Thank you.

Title: Re: Centre Align Product Images in Category View
Post by: Basara on June 22, 2022, 09:44:03 AM

What is the size of the original images and your Product Image Thumb Width/Height in the settings?

Title: Re: Centre Align Product Images in Category View
Post by: aph on June 22, 2022, 12:12:52 PM

Hi,

Many thanks for the reply. Original images are all 1200px longest side.

Your reply really helped in that it focused my thoughts away from "code to center the image" and made me play with the Product List Width and Height, which were 300. Setting these to 600 has made all of the images centre themselves nicely.

Not quite sure how this comes to be! I will test a few other devices to see if that change has any unwanted consequence.

But currently it is looking good.

Thank you again,

Nick