hello
i have custimised the css of the view button and add to cart button
.sj_vm_deals_wrap .item:hover .sj_vm_deals_popup{
display:block;
filter: alpha(opacity=10000);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
transition: all 0.666666666666667s ease 0s;
}
And
.sj_vm_deals_wrap .item .sj_vm_deals_popup{
display:block;
filter: alpha(opacity=10000);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(170px,0);
transition: all 0.666666666666667s ease 0s;
}
before it was only :
.sj_vm_deals_wrap .item:hover .sj_vm_deals_popup{
display:block;
}
but now when you hoven on products you will see that it looks not correct
can you help me to fix this please ?
this is the link of it http://ibn.reviewcost.com/index.php/en/
thanks
amine
What exactly is the issue? Buttons appearing without hover? If so, add overflow-x:hidden to item container.
also i mean when you hover on the product the buttons must be hided at the end of the product as you look in this screen screencast.com/t/O3zHl0jxPd and those buttons must be hided under the Product too screencast.com/t/JmVZfK477 you can look here that you look what i mean in this template it works correctly when whe you hover on the Featured products joomla.vinagecko.net/t/vina_ifoody
Add CSS
.owl-carousel .owl-item {
overflow: hidden;
}
thanks for your help ; i have an other small question : how can i change the transition: all 0.666666666666667s ease 0s; only for the "item-view button" so that slid in after the "add to cart button " this an exapmle of how it must look joomla.vinagecko.net/t/vina_ifoody/index.php/virtuemart/... the buttons here slid in one after the other .. , can i do the same ?