columns products category bike store

I noticed that the last column in "products category" is more wider than the other ... this is because the last column does not add a class called vertical-separator!
should review the grid's system!

It is a problem with the VM generated code. You can fix this using following CSS code:

Code: Select all

.vertical-separator {
    padding:0!important;
}
.row .product.width50,
.row .product.width33,
.row .product.width25,
.row .product.width20 {
    padding: 0 10px!important;
}


Hello! Thank You!

this is what happen when i fixed it with your code: http://www.cubomusic.com/index.php/chitarre
there isn't space between columns and rows.

before doing it, the third column was larger then first two and there was the same space (padding) between columns and rows.

Thanks

Hi,

Please try to replace fragment:

Code: Select all

.row .product.width50,
.row .product.width33,
.row .product.width25,
.row .product.width20 {
    padding: 0 10px!important;
}


with:

Code: Select all

.row > div {
    padding: 0 10px!important;
}


I've testet it in the Chrome dev tools and it should works fine.

I've try your fix in chrome, but there is no space between rows! For me works better with this

Code: Select all

.row > div {
    padding: 5px 10px!important;
}


what do you think about this?

Thanks

You're right - it is the better solution

Perfect!!
Thanks!