Virtuemart Product and Category Container Sizes

Since upgrading to Joomla 4, new Ballet template and VM 4.0.22, the products and product categories in Virtuemart are displayed in very large containers and only one product or category per row despite being set to 3 per row.. In VM, if I disable the VM CSS, the containers reduce to their proper size but are still displayed as 1 per row instead of 3 per row.
The problem can be seen at www.jadance.co.uk/J4/ and the J3 version of the site at www.jadance.co.uk .

Hello,

Somehow, Joomla's Bootstrap CSS overwrites VirtueMart's CSS. There are many bugs in VirtueMart for J4 and it seems to me like an unfinished product, also it's not free anymore... I recommend Phoca Cart or Hika Shop.

Anyway, you can fix this problem if you add this in custom.css file of the template (/media/templates/site/ballet/css/custom.css):

Regards,
Milos

Thank you. Yes, that addition to custom CSS reduces the category container size. Is there a similarly simple change to reduce the size of the product containers? Also, all the product category headings and product headings have much larger fonts that should be the case. This can all be seen at www.jadance.co.uk (Joomla 3) and www.jadance .co.uk/J4 (Joomla 4).

I find it difficult to know whether these problems are related to Joomla 4, Virtuemart of the Ballet template - or a combination of them all! I appreciate your assistance and realise that this may not entirely related to the template.

Hello,

For headings, try adding this:

and

For other problems with VirtueMart on J4, please try on VirtueMart forum. As I said, VirtueMart on J4 is an unfinished product and we stopped developing new templates for it. If you have a chance, try other e-commerce components for Joomla.

Regards,
Milos

Thank you for yout help - your assistance has been generous and I am grateful.

Just by way of feedback, I havenow found a solution by changing Virtuemart to use the Joomla default template rather than the Ballet template in Virtuemart's configuration. With the previous version of my site, using Joomla 3 and the Joomla 3 version of Ballet, Virtumart configuration was set to use the Ballet template and everything was OK. These settings were transferred to the new Joomla 4 version on upgrade. It seems that the Ballet template used with Joomla 4 and Vittuemart 4 results in the issue with product container sizes.

Once again, many thanks for you help.
Regards