Product view problem after update to 3.0.18

[cvrak]

Hi,

I've made update to VM 3.0.18 and I have a problem with product page. I've set 4 products per row, but after upgrade every row is "broken" into 2 rows, 3 products & 1 product each one.

You can see what I mean at
http://4epoches.com/%CE%B3%CE%BB%CE%AC%CF%83%CF%84%CF%81%CE%B5%CF%82-%CF%80%CE%BB%CE%B1%CF%83%CF%84%CE%B9%CE%BA%CE%AD%CF%82.html
(sorry for the long URL, it's in greek)

My template is up to date. Gantry 5, with Hydrogen 5.3.6.
My site runs with Joomla 3.6.2 and PHP 5.6.26

Can anyone help?
Thanks

[GJC Web Design]

div.product {
  margin: 0;
}

[cvrak]

It worked!!
Thanks a lot!!!

[Allen_K]

I have the exact same problem, but am too programming illiterate to know how to apply the recommended fix above. What file does it go in? where do I place it?

An example of the issue is at https://www.certifiedinfosec.com/estore/iso-22301-bcm/training-2. The site is set to 3 products per row, but the store "wraps" the row at 2 products. Oddly, changing the products er row in VM does not change anything at all.

I am using latest Joomla and VM 3.0.18. Using Yootheme Katana template.

Thanks!!

Allen

[cvrak]

You need to find the template's css file and add this rule.
div.product {
  margin: 0;
}

[Allen_K]

Thank you for your feedback. I tried copying the code into my website theme's custom.css file. No effect. I then tried copying the code into my VM override file, "VMSITE-LTR.CSS". No effect.

I cleared system cache and browser cache between testing. No luck.

Please advise.

Regards,
Allen

[VMTemplates.net]

Thank you for your feedback. I tried copying the code into my website theme's custom.css file. No effect. I then tried copying the code into my VM override file, "VMSITE-LTR.CSS". No effect.

I cleared system cache and browser cache between testing. No luck.

Please advise.

Regards,
Allen

Hi,

try this instead:

div.product {margin: 0px -1px 0px -1px;}

Thanks,
Jason.

[Allen_K]

Worked!!! Thanks!

[VMTemplates.net]

You welcome

Thanks,
J.