Reduce size of price button

[boognish43]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

ul.list-latest-products .product .cart-overlay .shop-actions{
opacity:0;
}

ul.list-latest-products .product:hover .shop-actions{
opacity:1 !important;
} 

And remove this css code:-

.product .cart-overlay .shop-actions{
display:block;
}

Thanks
Mohammad

Thanks
Mohammad

[boognish43]

Unfortunately that didnt work. What I would like most right now is to have nothing show up on the hover. Is that possible? I just want it to be transparent with no name or categories. Thanks for the help!

[Rui Guerreiro – SUPPORT]

It seems to be already like you want it. Check the screenshot below I was with the mouse over that product.
https://www.dropbox.com/s/xs5ifieu6ktoxbx/Screenshot%202015-09-18%2016.48.25.png?dl=0

Try to clear the cache.

-Rui

[boognish43]

Oh yes I see that one the shop page, I wanted this on the homepage. Sorry for the confusion

[Rui Guerreiro – SUPPORT]

Ok. Add this one.

figure.animated-overlay:hover figcaption {
    opacity: 0!important;
    -moz-opacity: 0!important;
    filter: alpha(opacity=0)!important;
}

-Rui

[boognish43]

Cool! this worked but also got rid of the fading transparency all together. Ideally I would like it to fade but show nothing. Is that possible?

[David Martin – Support]

Hi,

Here is the CSS to: remove categories, product title on the homepage for multi-masonry:

.home .product_list_widget .thumb-info {
    display: none!important;
}

Thanks,
David.