I have added categories to the home page for the tabs and have an error showing with the black quick view, wishlist and compare buttons.
Could you advise how to repair these please. Image attached and details provided.
Cheers, Dave
6 answers
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; }