CSS Style Problems

[thethe]

Hi Jan or Benno,

If you look at my site: https://littlelight.com.au/demo/index.php/product

The first product on each row always look a bit longer vertically and narrower horizontally, do you know how I can fix it?

Thanks
Mang

[thethe]

ANy updates?
Thanks
Mang

[Jan]

Hi, it is because the size of the image in first product, which is larger than others, the solution can be:

- have always and everywhere the same sizes of images
- or enable equal heights for the boxes in Options:



Jan

[thethe]

Hi Jan,

It is enabled as default. It is already selected as yes. still does not change...

Thanks
Mang

[christine]

Hi Mang,

You have different sizes of images. Example:
https://littlelight.com.au/demo/images/ ... _nj5_1.jpg
https://littlelight.com.au/demo/images/ ... putt-3.jpg

Some: height with: 200px, some scaled to apprx. 166px

You can see this also under: Extras > Source > Media > images

Kind regards
Christine

[Jan]

What happens when you switch to some Phoca template (only for test). As Phoca Cart includes instruction to have equal height of boxes (done per flexbox CSS)

Jan

[thethe]

Hi Thanks for that, you are right, the image size definitely got something to do this.. As I need to change CSS in Phocacart to align with Website template, I used the old Bootstrap.min.css from the older version of Phocacart, to overwrite the new version of phoca cart. Not sure if this have something to do this?

Thanks
Mang

[Jan]

Hi, hmmm, hard to say, but Bootstrap should not have effect on the flexbox rules ...

[thethe]

Coo, I tried with the new template css file, still the same result. So how do I do Phoca Cart includes instruction to have equal height of boxes (done per flexbox CSS)?

Thanks a lot
Mang

[Jan]

Hi, try to disable "Fade in actions icons" feature. The flexbox only works when this feature is disabled. Try to disable it for test - to see if the flexbox is working for you.

Jan