How do I remove Add to Chart + More information button

You can open the skin/frontend/default/jm_game/css/styles.css file to find these css rules

HTML Code:

 .products-grid-special .productoverlay {
  background: url("../images/bg-opacity.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

and

HTML Code:

  .products-grid-special .productimageoverlay {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

and change it to

HTML Code:

 .products-grid-special .productoverlay {
  background: url("../images/bg-opacity.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: none !important;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

and

HTML Code:

  .products-grid-special .productimageoverlay {
  display: none !important;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

I hope it helps !

Thanks so Much Sherlock Homes

Hi Sherlock,

how are you? I made the changes above. However something is wrong.

I am having a bit of trouble when I remove the overlay background. its Appears off-center.
(see my screen shot)

Attachment 37501Attachment 375021. IS THERE A WAY i can remove all the buttons overlay.??
The buttons are too big and hide most of the product image.

If No.
Can I make [add to cart] + [more information ] smaller icon image . Magento Haga has small icons
Please help

Could you post URL of page where I can see the product list as in your screenshot here? I try to open the link you provided in this thread but I can’t find it