I need css Html help to fix a small issue

[ibnati]

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

[Ghost]

What exactly is the issue? Buttons appearing without hover? If so, add overflow-x:hidden to item container.

[ibnati]

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

[Studio 42]

Add CSS

Code Select Expand

.owl-carousel .owl-item {
    overflow: hidden;
}

[ibnati]

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 ?