Post by happychai » Sat Jul 02, 2011 5:36 pm

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/

Newbie

Posts

Joined
Sun Mar 20, 2011 1:04 pm

Post by Xsecrets » Sat Jul 02, 2011 10:20 pm

you'll have to make some changes to your css if you make big changes to the image sizes.

OpenCart commercial mods and development http://spotonsolutions.net
Layered Navigation
Shipment Tracking
Vehicle Year/Make/Model Filter


Guru Member

Posts

Joined
Sun Oct 25, 2009 3:51 am
Location - FL US

Post by happychai » Sun Jul 03, 2011 11:01 am

yes, but there is default 5 images per row.
how can i make it as 4?
anyone can help

Newbie

Posts

Joined
Sun Mar 20, 2011 1:04 pm

Post by qahar » Sun Jul 03, 2011 11:26 am

you need to change te width on stylesheet.css

Code: Select all

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

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by happychai » Sun Jul 03, 2011 3:23 pm

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?

Newbie

Posts

Joined
Sun Mar 20, 2011 1:04 pm

Post by qahar » Sun Jul 03, 2011 10:22 pm

It work for me

Code: Select all

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

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by happychai » Wed Jul 06, 2011 2:09 pm

yes, it is working now.
thank you

Newbie

Posts

Joined
Sun Mar 20, 2011 1:04 pm

Post by w.izzy » Mon Sep 05, 2011 8:32 am

yea.. thanks

User avatar
Newbie

Posts

Joined
Wed Aug 10, 2011 3:56 am
Who is online

Users browsing this forum: No registered users and 3 guests