How can I add an image behind the body text on one page? I am using the Montauk template.

How can I add an image behind the body text on one page? I am using the Montauk template.

I really it would just sit behind the text, not take up full canvas background. Is this possible?

Thanks in advance!

If you provide a link to your site or the page in question, the community can more easily assist.

Hi Justin, it's still in progress but here is the temporary url: www.artatthepoint.squarespace.com It's just on the Home page that my client would like an image underlay behind the body text. She doesn't want any images behind text on any other page.Hope that helps :)

Jennifer,

Since HTML5 you can not use the background attribute anymore, so you'll have to use some CSS.

You'll have to add a code block and add some CSS.

First your CSS:

<style> 
#example1 {
   background-image: url(https://images.unsplash.com/photo-1436262513933-a0b06755c784?q=80&fm=jpg&s=943d98ea03caf20350b6e014b2a49890);
   background-repeat: no-repeat;
   padding: 15px;
}
</style>

Then some HTML in the code block, for example:

<div id="example1">
<h1>Lorem Ipsum Dolor</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>

Just in case you're not familiar with HTML and CSS the opening div should have an "id" that you'll refer to in your CSS sheet (or inline if you wish). Make sure to add some padding, otherwise your text will touch the borders of your image.

Let me know if this was helpful : o)

Thank you hammaste!! That worked perfectly!

There's no way I would've figured that out on my own, so thank you :-)