Page 1 of 1

grid listing

Posted: Sat Jul 02, 2011 5:36 pm
by happychai
I tried to change the image size to 200*200 but the grid view listing was out of alignment.
Does any one have any idea to make the image size bigger and the alignment will not be out?

Wish to have something like this
http://www.cocobobo.com/store/

Re: grid listing

Posted: Sat Jul 02, 2011 10:20 pm
by Xsecrets
you'll have to make some changes to your css if you make big changes to the image sizes.

Re: grid listing

Posted: Sun Jul 03, 2011 11:01 am
by happychai
yes, but there is default 5 images per row.
how can i make it as 4?
anyone can help

Re: grid listing

Posted: Sun Jul 03, 2011 11:26 am
by qahar
you need to change te width on stylesheet.css

Code: Select all

.box-product > div {
     width:116px;    --> to 200px or whatever you need
}

Re: grid listing

Posted: Sun Jul 03, 2011 3:23 pm
by happychai
thanks.
it works great on the feature module but in the product listing

I try to change the product-grid to 300px and it does not work

.product-grid > div {
width: 300px;
height: 320px;


any idea?

Re: grid listing

Posted: Sun Jul 03, 2011 10:22 pm
by qahar
It work for me

Code: Select all

.product-grid > div {
width: 220px;
....
}

Re: grid listing

Posted: Wed Jul 06, 2011 2:09 pm
by happychai
yes, it is working now.
thank you

Re: grid listing

Posted: Mon Sep 05, 2011 8:32 am
by w.izzy
yea.. thanks