VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: Jason dsg on November 23, 2015, 00:04:23 AM

Title: Just look someone
Post by: Jason dsg on November 23, 2015, 00:04:23 AM
All I'm needing is someone to explain how to get my products to go 5 wide on my page i have it set in back end but its not working can some on look at my code and tell me what i need to edit to have my decals line up correctly  it would be a huge help. www.dsgcentral.com
Title: Re: Just look someone
Post by: Studio 42 on November 23, 2015, 11:51:35 AM
The problem is min-width: 220px; in the CSS
see http://www.dsgcentral.com/components/com_virtuemart/assets/css/vm-ltr-site.css?vmver=9058
line 1202
I already said to some user in forum, curent vm css have "pseudo" responsive rules and break some design. You have to edit this or remove and rewrite the full CSS,if you use more then 3 columns, most of time.
and it's same for this rule:
Quote.vm-col-5 {
    width: 19%;
}
.vm-col {
    margin: 1px;
    width: 60%;
}
should be:
Quote.vm-col-5 {
    width: 19%;
   margin:0.5%;
}
div.product {
    border: 1px solid #DDD;
    float: left;
    min-width: auto;
/*or min-width: none; need to test*/
}
and margin sould be ok in all case. But of course you have better solution