How to Remove Black Background Container in Prestashop 1.6

If you would like to remove the black container and the price on it that appears when mouse is hover the grid list product on your prestashop 1.6 with default theme, see image below for more details :


Open file product_list.css located in /css/ directory in your prestashop template directory.

Go to line ~123,

ul.product_list.grid > li .product-container .product-image-container .content_price {
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
background: url(../img/price-container-bg.png);
padding: 9px 0;
display: none;
remove the background parameter above. Dont forget to backup the file first incase anything goes wrong. And (in the same file) line ~ 185
 ul.product_list.grid > li.hovered .product-container .product-image-container .content_price {

display: block; }
change display: block; to display: none;}