Category page layout problem

[tomarmst]

I have recently created an online shop with virtuemart latest version with joomla 2.5.8. The problem is that the products listing in the category page is not normal. How can i correct it. The link of the page is: http://www.triyom.com/index.php/triyomshop/treatment-packages


[attachment cleanup by admin]

[bettondesign]

The problem lies in your css, each product is set to be 10% of the total width of the page.

[bettondesign]

In viruemart go to configuration->templates and change the setting 'Default number of products in a row'.

[tomarmst]

I have already set "default number of products in a row" to 3, but not worked and also I never altered default virtuemart css file.

[Peter Pillen]

If you did so, probably the page is still loaded from your cache. When adapting your site lay-out, it is good practice to disable all cache plugins and extensions temporarily. First disable all cache plugins and clean your cache in the administrator plugin.

In my browser I see that the css file is loaded from a cached and gzipped file with the help of JCHoptimize. Turn it off to be sure that your changes in the backend have effect on the frontend.

[PRO]

http://forum.virtuemart.net/index.php?topic=102850.0

[Peter Pillen]

It was with firebug that I discovered the use of JCHoptimize and the cached files. I couldn't see any weird html that could cause the 10 products on 1 line.

[tomarmst]

If you did so, probably the page is still loaded from your cache. When adapting your site lay-out, it is good practice to disable all cache plugins and extensions temporarily. First disable all cache plugins and clean your cache in the administrator plugin.

In my browser I see that the css file is loaded from a cached and gzipped file with the help of JCHoptimize. Turn it off to be sure that your changes in the backend have effect on the frontend.

Thank you for your advise, i did as per your saying, but not helped me 

[Peter Pillen]

well... in that case. Find your vmlite-ltr.css file in the template you are using and look for

.width10 {
    width: 10%;
}

change it to 33% for a three column layout, but I would use 50% (two-column lay-out) It works better in your site layout in my opinion.

It is still weird that your template automatically goes to a ten column layout and ignores the settings in the backend. This could be caused by a faulty programming in your template.

[tomarmst]

well... in that case. Find your vmlite-ltr.css file in the template you are using and look for

.width10 {
    width: 10%;
}

change it to 33% for a three column layout, but I would use 50% (two-column lay-out) It works better in your site layout in my opinion.

It is still weird that your template automatically goes to a ten column layout and ignores the settings in the backend. This could be caused by a faulty programming in your template.

bingo... thanks a lot... worked for me. As per your opinion I changed default product list to 2 and used 50%. The file was vmsite-ltr.css (not vmlite-ltr.css) in my case. Thank you again.