Products per row

[sparkiii]

Hi,

I have changed the "Default Number of Products per Row" in the main config and in the category and the sub category to 3. But it will only show 2 which is fine if there are only 2 products but there isn't

Code Select Expand

http://duckhookclothing.com.au/index.php?option=com_virtuemart&view=category&virtuemart_category_id=11&Itemid=65

If I change them all the 4 then it only shows 3 in a row so it doesn't really solve the problem, it always looks like it doesn't fit and gets put on the next line. If there are only 3 products and I set them all to 4 the 3 products show up fine on the line so I know they should all fit.

Is there any ides why this is happening or how to solve it?

Thanks

Nat

[sparkiii]

Looks like it could just be turn off Virtumart CSS in the config area. This solves that problem but then the formatting on other pages is terrible. Obviously there is some conflict with the CSS, does anyone know if it is something I can adjust?

[bytelord]

Hello,

Why not just override some attributes over there using CSS? There is no conflict, there is no space on your container.
Searching the forum under Templating and Layouts you will find tons of information how to create overrides or adjust your css...

Use firebug to examine you site code and css styling: https://forum.virtuemart.net/index.php?topic=102850.0

Template Overrides:
Creating Template overrides: https://forum.virtuemart.net/index.php?topic=98505.0
Template System: https://dev.virtuemart.net/projects/virtuemart/wiki/Hints_for_the_use_of_the_template_system

Regards

[sparkiii]

I will have another look through this thank you but if I set 4 products per row, 3 fit across just fine. I have been playing with image sizes so it might not look like that at the moment.

[bytelord]

No i see that you have a live url ...

Test it with firebug, it seems that your joomla template css, inside template_css.css around line 89 the float left attribute have an margin-right:20px ... it's a lot and also usually we are touching the float left central attributes ... bad joomla template design. You could just edit this file the located under joomla_folder/templates/zengridframework/css/legacy/template_css.css and around line 89 remove that margin-right attribute or create the follow on your override css file for vm2:

.floatleft, span.floatleft {
    float: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

As i see your joomla template CSS is not well written ..

Regards

[sparkiii]

Thank for that, the path to my template_css.css that worked when changed was

/media/zengridframework/css/legacy

Thank you so much for your time on this bytelord 

[bytelord]

You are welcome,

Good luck with your project

Regards