Show Button only on hover

Site URL: http://www.sasakmarket.com

I was wondering if anyone knows how is it possible to reveal button only on hovering.
I have the buttons on top of the images but I would like to reveal these buttons only on hovering.
Any idea how?

Thank you guys

If you use Image Blocks, You can try this code.

On 5/24/2020 at 5:34 AM, tuanphan said:

If you use Image Blocks, You can try this code.

Hi @tuanphan if I have grid sections like I have on this page: 
https://devsr3.squarespace.com/ 
password=sneakpeek

.. and I want to keep the title eg: Video and only show the button on hover, is that doable?

Thanks,

Roland

On 1/14/2022 at 4:15 AM, RolandFuseHub said:

Hi @tuanphan if I have grid sections like I have on this page: 
https://devsr3.squarespace.com/ 
password=sneakpeek

.. and I want to keep the title eg: Video and only show the button on hover, is that doable?

 

Thanks,

Roland

You mean 8 service boxes on homepage?

25 minutes ago, tuanphan said:

You mean 8 service boxes on homepage?

Yes, those 8 boxes…

37 minutes ago, RolandFuseHub said:

Yes, those 8 boxes…

use this CSS

section.wm-split-1 .button-block {
    visibility: hidden;
}
section.wm-split-1:hover .button-block {
    visibility: visible;
}
section.wm-split-2 .button-block {
    visibility: hidden;
}
section.wm-split-2:hover .button-block {
    visibility: visible;
}

9 minutes ago, tuanphan said:

use this CSS

section.wm-split-1 .button-block {
    visibility: hidden;
}
section.wm-split-1:hover .button-block {
    visibility: visible;
}
section.wm-split-2 .button-block {
    visibility: hidden;
}
section.wm-split-2:hover .button-block {
    visibility: visible;
}

 

Thanks @tuanphan will try that first thing in the am!

3 hours ago, tuanphan said:

use this CSS

section.wm-split-1 .button-block {
    visibility: hidden;
}
section.wm-split-1:hover .button-block {
    visibility: visible;
}
section.wm-split-2 .button-block {
    visibility: hidden;
}
section.wm-split-2:hover .button-block {
    visibility: visible;
}

 

You are the BOSS! It worked!