On sale > position

[Antoine]

Antoine

September 16, 2015 at 10:01 am

Hello,

In the featured product block on my homepage (here *Login to see link ), I would like to display the “SALE” label at the bottom of the product image and on the full width of the product image (and not the full width of the product item block).

I have tried with this code below, but the SALE label is not displayed well according the nav window width…

span.onsale {
min-height: 32px;
min-width: 32px;
padding: 0px 60px;
font-size: 14px;
font-weight: 600;
position: relative;
display: inline-block;
text-transform: uppercase;
text-align: center;
line-height: 32px;
border-radius: 0;
top: 240px;
left: 0;
margin: 0;
color: #fff;
background: red;
}

Thanks for your help