category pages

On our category pages the discretion is all jammed together http://candlepackagingusa.com/melt-clamshells

Could someone helps us figure out how to displayed it as the products page http://candlepackagingusa.com/melt-c…clear-pet.html

We found our text description on admin jm-basetheme , where we can change ruler on file : skin\frontend\default\jm_classy\css\style.css this line 3500.

.products-list .desc {
clear: both;
margin: 0;
padding: 20px 0 0;
}

Is there any additional coding we can add do the .products-list .desc

So is not be jammed all together

Would be nice if we could have it display display like in products page http://candlepackagingusa.com/melt-c…clear-pet.html

Carlos

1 answer

Profile photo of Ziven Staff 100280.00 $tone April 7, 2014
Public

Please edit CSS rules as follows:

Open the skin/frontend/default/jm_classy/css/styles.css file -- line 3424:

Replace:

Code:

.products-list .price-box {
color: #999;
float: left;
margin: 0;
text-align: center;
width: 100%;
}

With:

Code:

.products-list .price-box {
color: #999
float: left;
margin: 0;
text-align: left;
width: 100%;
}

Replace (around line 3435):

Code:

.products-list .product-shop .label {
display: block;
float: left;
}

With:

Code:

.products-list .product-shop .label {
display: block;
float: left;
padding: 6px 5px 6px 0;
}

Replace (around line 3457)

Code:

.products-list .product-info {
float: left;
padding: 0 30px 0 0;
width: 380px;
}

With:

Code:

.products-list .product-info {
float: none;
padding: 0;
width: 100%;
}

Replace (around line 3462)

Code:

.products-list .actions {
float: right;
text-align: center;
width: 120px;
}

With:

Code:

.products-list .actions {
float: none;
text-align: left;
width: 100%;
}

Replace (around line 3542)

Code:

.products-list .availability {
color: #f66;
float: left;
margin: 0 0 20px;
text-align: center;
width: 100%;
}

With:

Code:

.products-list .availability {
color: #f66
float: left;
margin: 20px 0;
text-align: left;
width: 100%;
}
#1

Please login or Register to Submit Answer

Written By

Comments