static text overlay

The parent div containing the text overlay is set to position absolute. Its target is relative to the .slider-section which holds both the slider and this absolute div.

While that works visually, the div would normally block any click-through and prevent the slider navigation from working. if that is the desired behavior - you are done.

If not, there is a relatively easy fix. If you add a custom css code style you can make the .absolute-text-holder pass through any pointer-events and ignore the .absolute-text-holder itself. The same behavior is inherited by any children. So, to make a functional button, you have to restore normal pointer behavior for it to receive clicks.

inside <head> tag

<style>
.absolute-text-holder {pointer-events: none;}
.button.enabled.w-button{pointer-events: all;}
</style>

button is disabledbutton is enabled