Click-through button with Hover text overlay

Hi there, 

Situation is - I have a button underneath a textbox which has a hover effect (opacity set to 0%) that reveals the button using Squarekicker's. 

I want the button to be clickable so the user can be directed to relevant website pages. I've linked the button. 

Does anyone have any advice on CSS for this - I've only found articles/threads that switch image boxes or customise hover but don't actually talk about the clickability of the underlying button. 

Hope that makes sense. 

18 hours ago, Deen123 said:

Hi there, 

Situation is - I have a button underneath a textbox which has a hover effect (opacity set to 0%) that reveals the button using Squarekicker's. 

I want the button to be clickable so the user can be directed to relevant website pages. I've linked the button. 

Does anyone have any advice on CSS for this - I've only found articles/threads that switch image boxes or customise hover but don't actually talk about the clickability of the underlying button. 

Hope that makes sense. 

 

What is your URL?

 Here's the textbox over the top of the button that reveals the text/button below via Squarekicker's hover feature. 
 Here's the text box underneath, and the button block is #block-a1c718fd7459093e3147

Sorry unable to send the url. But hopefully these screenshots will help.

I'm assuming its a z-index adjustment? or maybe I just have to change the entire design. Cheers

On 8/6/2024 at 4:45 AM, Deen123 said:

 Here's the textbox over the top of the button that reveals the text/button below via Squarekicker's hover feature. 
 Here's the text box underneath, and the button block is #block-a1c718fd7459093e3147

Sorry unable to send the url. But hopefully these screenshots will help.

I'm assuming its a z-index adjustment? or maybe I just have to change the entire design. Cheers

Difficult to help without checking site, so if you can't share url, you try contacting SquareKicker support to ask this, maybe they can help.