Add link to whole text block that has reveal on hover / transparent white background

Hi,

I have a bunch of images across my site that I've added text block overlays with a transparent background that reveals on hover.  I want to make the whole thing clickable including all of the transparent white background of the text block.  I've seen a few posts over the years that have asked the same question but those that did have a solution have not worked for me.  I would appreciate if anyone could help me with the right CSS.  Right now I just have the text clickable to make the site functional.

Site is here > https://www.deocejo.com/. Most pages have the text on hover that I want to make the adjustment to.  Let me know if you need anything else.

Thanks!

To make text overlay clickable, I have this guide, you can follow (require a Business Plan or higher)

In case you use Personal Plan, let me know, I will adjust the code for your case

On 2/12/2024 at 7:28 AM, tuanphan said:

To make text overlay clickable, I have this guide, you can follow (require a Business Plan or higher)

In case you use Personal Plan, let me know, I will adjust the code for your case

Hi Tuanphan, 

Sorry I thought following would send an email automatically rather than having to adjust the notifications settings so I didn't see your reply till now.  I'm on a personal plan, could you help me adjust the code accordingly?

Thanks!

On 2/24/2024 at 9:14 AM, cdeocejo said:

Hi Tuanphan, 

 

Sorry I thought following would send an email automatically rather than having to adjust the notifications settings so I didn't see your reply till now.  I'm on a personal plan, could you help me adjust the code accordingly?

 

Thanks!

Use this code to Website > Website Tools > Custom CSS

[data-section-id="65b5a32f8e904b0bc1777219"] a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}