How do I make add to cart / action buttons always visible on product grid ?

[Jaspers]

Please help me I've been struggling so much! I need to disable the hover animation that reveals the add to cart button and just make them always visible like this... 

Thank you! 

etc;

[DelightCart]

@Jaspers 

May this help you. Click here.

Please don't hesitate to reach out.
Yours faithfully!

[Sajeel]

@Jaspers  try by adding below code in theme.css file

.productitem--actions {
    visibility: visible !important;
    opacity: 1;
}

if this didn't worked then there will be a js code we need to change

[Jaspers]

didnt work , not that easy keep in mind theres still a hover animation in the css

[Sajeel]

share your theme.css file

[Jaspers]

attached 👇                            

[Mr_RaviRaj]

@Jaspers 

.has-touch .productitem--actions {
    position: relative;
    bottom: auto;
    width: 100%;
    visibility: visible !important;
    opacity: 1;
    margin-left: 0;
}

Add this code in the theme.css file.

[Jaspers]

Thats already implemented in the CSS. There is some hover animation commands / if -than  codes that need to be changed

[Jaspers]

Ahh that didn't work  thanks for your trying!

[Sajeel]

@Jaspers share your file so we can check the code and do modifications

[Jaspers]

https://1h0ad17vciwqe3kn-56735367320.shopifypreview.com Here is a link to the website.

[Sajeel]

@Jaspers copy the code from the attached file and paste it in theme.css