One column only showing 1/3 widht... whatever I do

[Mary23!]

 
Hello everyone...
Currently using VM 3.0.9.4. with Joomla!3.4.4.

Simple webshop should display only one column (so actually one row per product or category)..
However no matter what I do, it keeps displaying this one column in about 30% width of total pagewidth.
Also, if I try to get a 3 column display (with 3 products or categories in a row) nothing happens...
I spent hours finding a solution or similar problem in forum posts..
Tried some CSS stuff but that just messed up other things.
I compared with CSS of previous version (old website, older VM version); but the CSS is different.

If you know a solution I would be really grateful.
Thanks in advance!

[AH]

Have you tried using firebug to review your css

You could post an URL to help someone see the results you are getting

[Mary23!]

Have you tried using firebug to review your css

You could post an URL to help someone see the results you are getting

Indeed I have... and tried to make some adjustments. However then it screwed up other things...
The site is officially offline but temp site for preview online now.
see: http://daisy.henmarhosting.com/index.php/winkel/webwinkel-particulieren
and  http://daisy.henmarhosting.com/index.php/winkel/webwinkel-hulpverlenersentherapeuten

(two webshops)

thanks for any help!

[jenkinhill]

I have seen this problem before when Artisteer was used to build a template. Crapisteer does not use standard Joomla css, so problems frequesntly crop up.

Whatever the reason, Firebug should have provided the answer.

Change:  div.vm-col {  width: 32%; }

To:  div.vm-col {  width: 100%; }

Use a css override.

[Mary23!]

I have seen this problem before when Artisteer was used to build a template. Crapisteer does not use standard Joomla css, so problems frequesntly crop up.

Whatever the reason, Firebug should have provided the answer.

Change:  div.vm-col {  width: 32%; }

To:  div.vm-col {  width: 100%; }

Use a css override.

That's one of the things I tried... maybe did not get the override right... tried div.vm-col {width: 100% !important;}, did not work, and div.vm-col { width: 32%; }

.override div.vm-col { width: 100%; }, does not work either. Sorry I don't get it...

[jenkinhill]

.override div.vm-col { width: 100%; }, does not work either.

I'm not surprised!

For css VM overrides see the doc.
http://docs.virtuemart.net/tutorials/templating-layouts/106-override-vmsite-ltr-css.html

[Mary23!]

thanks, I'll read and learn :-)

[Mary23!]

For css VM overrides see the doc.
http://docs.virtuemart.net/tutorials/templating-layouts/106-override-vmsite-ltr-css.html

BTW this doc mentions VM2, not 3?

So... Before making this template override, I switched VirtuMart to the default Beez3 template.
Same problem shows: one small column and only about 30% width.

Apparently the 'Crapisteer' template is not the problem in this case ;-).

Anyone understands this?

[Mary23!]

And the final update:

With the directions fr changing CSS as mentioned above and the template override, it works!
finally the 'one column' shows, in any template I choose, with this addition to CSS.

Thanks a lot for the directions on this one.