clickable textbox

@tuanphanHi, could you please take a look at my webpage? I would like to make the text box appear when hovering over the image and make the whole text box clickable. Thank you!

https://www.hiirisdesign.com/home/#more

You can use this code to Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$('section[data-section-id="67327a8bb0b27c5ce28e1805"] .fe-block').click(function(){
		window.location=$(this).find("p a").attr("href"); 
		return false;
	});
</script>
<style>
  section[data-section-id="67327a8bb0b27c5ce28e1805"] .fe-block {
  	cursor: pointer;
  }
</style>

Add this code into pages > web tools > code injection > footer :

// Select all elements with the class 'fe-block' inside the specified section
document.querySelectorAll('section[data-section-id="67327a8bb0b27c5ce28e1805"] .fe-block').forEach(function (block) {
    block.style.cursor = 'pointer'; // Set the cursor to pointer

    // Add a click event listener to each block
    block.addEventListener('click', function () {
        const link = block.querySelector('p a'); // Find the anchor tag inside the block
        if (link && link.href) {
            window.location = link.href; // Navigate to the href of the anchor tag
        }
    });
});

Let me know if it works or not.