black qiuck view, wishlist and compare alignment on catalog products

To fix that, please open the file /skin/frontend/default/jm_lingerie/css/styles.css

At line 3071, replace this code:

Code:

.products-grid .add-to-links {
    display: block;
    height: 40px;
    list-style: none outside none;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 200px;
    z-index: 3;
}

With:

Code:

.products-grid .add-to-links {
    display: block;
    height: 40px;
    left: 63px;
    list-style: none outside none;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 200px;
    z-index: 3;
}

Hi Lee,

Before I make the changes you recommend I want to check this will not effect the category pages that are working fine, see here for example http://boobytraps.com.au/haberdashery -- It is only the home page with this issue http://boobytraps.com.au/

Secondly, see following my code at line 3071 -- it is quite different to yours

.products-grid .add-to-links {
display: block;
padding:0;
list-style:none;
position:absolute;
height:40px;
right:5px;
margin:0;
top:200px;
opacity:0;
-moz-opacity:0;
-khtml-opacity: 0;
-ms-filter:"progidXImageTransform.Microsoft.Alpha(Opacity=0)";
z-index:3;

Please open the file /skin/frontend/default/jm_lingerie/css/styles.css

At line 3071, replace this code:

Code:

.products-grid .add-to-links { 
	display: block; 
	padding:0; 
	list-style:none; 
	position:absolute; 
	height:40px; 
	right:5px;
	margin:0;
	top:200px;
	opacity:0; 
	-moz-opacity:0; 
	-khtml-opacity: 0; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	z-index:3;
	
}

With:

Code:

.products-grid .add-to-links { 
	display: block; 
	padding:0; 
	list-style:none; 
	position:absolute; 
	height:40px; 
	left:63px;
	margin:0;
	top:200px;
	opacity:0; 
	-moz-opacity:0; 
	-khtml-opacity: 0; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	z-index:3;
	
}

With this change it will not affect the category pages.

Hi Lee,

Thank you, that has solved the issue for us. Much appreciated.

Kind regards, Dave

Hi Lee,

1. There is now an issue with the black hover buttons on the category pages? See image attached.
2. Spacing between "Latest" products is out again? See image attachedAttachment 37054Attachment 37055

To fix that, please open the file /skin/frontend/default/jm_lingerie/css/styles.css

On line 3094, remove this rule:

Code:

.catalog-category-view .products-grid li:nth-child(2n) .add-to-links {
	right: 6px;
}

On line 5925, replace this rule:

Code:

.side-col .jm-product-list li {
    border-bottom: 1px solid #F0F0F0
    margin: 0 !important;
    padding: 20px 0;
}

with:

Code:

.side-col .jm-product-list li {
    border-bottom: 1px solid #F0F0F0
    height: auto;
    margin: 0 !important;
    padding: 20px 0;
}