How to make Product "More Views" images Horizontal (not vertical)

Hi,
In the product page as per the attached images I need the "More views" to appear horizontally not how they are currently (vertical) to save space.

Any ideas anyone?

Regards,
Rob

3 answers

Profile photo of JA Developer 0.00 $tone December 7, 2009
Public

Hi rob_hawthorn

Open skin/frontend/default/jm_fabian/css/theme.css file, at about line 2373, find following code section:

Code:

.product-img-box {
padding:0;
width:110px;
}

and change to:

Code:

.product-img-box {
padding:0;
width:510px;
}
#2
Profile photo of Rob Hawthorn 0.00 $tone December 7, 2009
Public

Thanks Cao, this is also another reply from Lan (thank you!):

Please do as follows for images to appear horizontally:
open:
/skin/frontend/default/jm_fabian/css/theme.css

Find:

Code:

.product-img-box .more-views ul {
background: #F2F2F2;
float: left;
border: 1px solid #ddd;
}

Replace with:

.product-img-box .more-views ul {
background: #F2F2F2;
float: left;
border: 1px solid #ddd;
width:500px
}
#3

This question is now closed

Written By

Comments