Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Jennifer_Emily

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

Question

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!

Edited by chriscc
retag

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 2

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)

Edited by hammaste

Share this post


Link to post
  • 0

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 :)

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...