List View Doesn't Look Right

I was just looking at the demo site and the List view for the products doesn’t seem to look right to me in Firefox 3.0.

The image is supposed to be floating to the right with the description floating to the left but it seems like the description’s width is too wide, causing it to be shown beneath the product image.

2 answers

Profile photo of JA Developer 0.00 $tone March 27, 2009
Public

Hi omarram,

For this issue, please open skin/frontend/default/jm_mesolite/css/theme.css file, at about line 1901, find following code:

Code:

.listing-type-list .product-shop {
float:left;
width:480px;
}

and change to:

Code:

.listing-type-list .product-shop {
float:left;
width:300px;
}
#1
Profile photo of JA Developer 0.00 $tone March 27, 2009
Public

This is other way:

For this issue, please open skin/frontend/default/jm_mesolite/css/theme.css file, at about line 1901, find following code:

Code:

.listing-type-list .product-shop {
float:left;
width:480px;
}

and change to:

Code:

.listing-type-list .product-shop {
float:left;
width:60%;
}

+ At about line 1895, find

Code:

.listing-type-list .product-image {
float:right;
text-align:center;
width:200px;
}

and change to:

Code:

.listing-type-list .product-image {
float:right;
text-align:center;
width:30%;
}
#2

This question is now closed

Written By

Comments