Author Topic: Centre Align Product Images in Category View  (Read 3128 times)

Offline aph

  • Newbie
  • *
  • Posts: 6
  • Karma: +0/-0
    • View Profile
Centre Align Product Images in Category View
« 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.

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5776
  • Karma: +274/-2
    • View Profile
Re: Centre Align Product Images in Category View
« Reply #1 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?

Offline aph

  • Newbie
  • *
  • Posts: 6
  • Karma: +0/-0
    • View Profile
Re: Centre Align Product Images in Category View
« Reply #2 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

 

Powered by SMFPacks Social Login Mod