Place a text and button over an image

Site URL: https://www.28photography.pt/sobrenos

Hello everyone, 

I am trying to place a text and button over an image, using a simple list. Here is the link to the page so you can better understand what I am talking about.

https://www.28photography.pt/sobrenos

Thanks for your collaboration :). 

Hi. What is password?

Hi Tuanphan, 

The password is Burgerking. The page is https://www.28photography.pt/sobrenos

Thank you very much for the support!

Hi! I would love to know the answer for this too. Just created my website and have no idea how to make a hover over image effect to redirect people to another page I created. Help! 

12 hours ago, LG_Custodio said:

Hi Tuanphan, 

The password is Burgerking. The page is https://www.28photography.pt/sobrenos

Thank you very much for the support!

Add to Design > Custom CSS

/* Sobrenos */
.user-items-list-item-container[data-section-id="61ca3014bb772a0e004f1931"] {
.list-item-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}
.list-item-media:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
}
.list-item-media {
    position: relative;
}
li.list-item {
    position: relative;
}}

Thank you very much for the support @tuanphan :).