Produt price on home page

[AgenceSurprise]

Hello,

On my home page I have a selection of products. The prices of these products are shown in a little white square on the image, but I don’t want to show the prices here, but maybe only on overlay. Where can I do that ?

Thanks a lot,
Léa

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.products.multi-masonry-items .product .shop-actions .price-link {
    display: none !important;
}

Thanks
Mohammad

[AgenceSurprise]

Hi,
The css code you gave me earlier works (thanks by the way), now I have that :
#style1 {
float:left;
}
.products.multi-masonry-items .product .shop-actions .price-link{
opacity:0;
}
.products.multi-masonry-items .product:hover .shop-actions .price-link{
opacity:1 !important;
}

And my problem is that when the product image is too dark or too light, we can’t see really read text on hover, would you know how I can add an opacity to the product’s picture on hover (white for example) ? Screenshot attached so you can see what I’m talking about (product on the right)

Thanks in advance,

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

figure.animated-overlay figcaption * {
    color: #fff !important;
    text-shadow: 2px 2px 8px #000;
}

Thanks
Mohammad

[AgenceSurprise]

Hi Mohammad,

Thanks for that code, but this is not what I was talking about (pics attached)
With this code, the text on overlay has a shadow, I would like to add like a white veil to the product image.
Is this possible ?

Thanks in advance

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

figure.animated-overlay figcaption {
    background-color: rgba(255,255,255, 0.6) !important;
}

Thanks
Mohammad

[AgenceSurprise]

Yes it works !! Thanks a lot 🙂

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to help you.
Thanks
Mohammad

[Kyle – SUPPORT]

Hi

Looks like you managed it? http://d.pr/i/nWGx/54Q7xNGT

– Kyle

[AgenceSurprise]

Yes it’s perfect ! thanks a lot

[Kyle – SUPPORT]

No problem!