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
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%;
}
