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

SKYE: Adding a Site Background with CSS

Question

I've been searching for an answer for this for a while, but can only find very specific advice for background images (like how to have a different one on every page) that doesn't help me.

I've got a Skye template ("Ready" specifically) and want to add a background image to my site. Couldn't find it in the settings, so I'm looking for some quick CSS I can pop in and get a site-wide background image. I've already uploaded my image as a custom file so I have a URL ready.

My website is storybriar.com.

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0
2 hours ago, Ella_S said:

thank you for your help! unfortunately, all that's done is put a background around my actual content on the pages, and only on some of them. I need it to reach the edges of the site page that are currently black. check my website again to see how it looks now.

any ideas?

body {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg);
    background-size: cover;
}

 

Edited by tuanphan
edit code

COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL | 120+ SS 7.1 code

 

Share this post


Link to post
  • 0

thank you for your help! unfortunately, all that's done is put a background around my actual content on the pages, and only on some of them. I need it to reach the edges of the site page that are currently black. check my website again to see how it looks now.

any ideas?

Share this post


Link to post
  • 0

Struggled for a while trying to make my 3 backgrounds look like one, but I don't think squarespace can do what I need it to with this template, even with CSS. Thanks again for the help!

Share this post


Link to post
  • 0
4 minutes ago, Ella_S said:

Struggled for a while trying to make my 3 backgrounds look like one, but I don't think squarespace can do what I need it to with this template, even with CSS. Thanks again for the help!

Try this CSS

body {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg);
    background-size: cover;
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL | 120+ SS 7.1 code

 

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