Jump to content

Text over an image

Recommended Posts

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. 

draft.jpg

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

@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. 

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.