:-\
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!
Have you tried using firebug to review your css
You could post an URL to help someone see the results you are getting
Quote from: Hutson on July 16, 2015, 11:39:40 AM
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!
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.
Quote from: jenkinhill on July 16, 2015, 12:57:27 PM
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...
Quote
.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
thanks, I'll read and learn :-)
Quote from: jenkinhill on July 16, 2015, 14:56:41 PM
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?
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.