Text over an image

Hi all,

Does anyone how to add text on an image? I want the text to overlay on the image. I have attached how I want the text to look like below. Please help me. I am struggling with this.

Thank you so much in advance. 

I guess you can use Poster Block

or set section background image?

Hi, 

I tried using section background. But now the image I used are too big for my mobile version. Do you know how can I resize the image for the mobile version?

15 hours ago, Dharrshiyni said:

Hi, 

I tried using section background. But now the image I used are too big for my mobile version. Do you know how can I resize the image for the mobile version?

I solved similar case. Can you share site url? We can check easier.

@tuanphan Sure, the website link is https://paul6.squarespace.com/ .

I managed to use on your codes I saw you help to solve. 

@media screen and (max-width:767px) {
.homepage section:first-child {
    height: 100vh !important;
    min-height: unset !important;
}
}

It worked on the images, but I dont know why suddenly my footer is so big. I dont know how to change it back. 

6 hours ago, Dharrshiyni said:

@tuanphan Sure, the website link is https://paul6.squarespace.com/ .

I managed to use on your codes I saw you help to solve. 

@media screen and (max-width:767px) {
.homepage section:first-child {
    height: 100vh !important;
    min-height: unset !important;
}
}

It worked on the images, but I dont know why suddenly my footer is so big. I dont know how to change it back. 

your code will target all first section (first section appears both in main content + footer)

change class name to this

.homepage #page section:first-child

12 hours ago, tuanphan said:

your code will target all first section (first section appears both in main content + footer)

change class name to this

.homepage #page section:first-child

Thank you so much. It work perfectly. Appreciate it