Linking personal image for background photo in CSS

I am currently working on the first Web Development project and am stuck on adding a background image to my CSS sheet. I saved the photo to my google drive and linked from there, but for some reason it isn’t working. Any help is greatly appreciated!

body{background-image: url(https://drive.google.com/file/d/1KzDhnthZ9CID0meFIiZxnv3azvRuh6zD/view?usp=drive_link);
 height: 400px;

I don’t think you are allowed to use the drive as image hosting

I think ilenia is right. Try and create a local folder in the repo and save the image there and connect it through that.

Ok, I tried that, this is what I currently have.

 body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
  font-family: Tahoma;
  font-size: 16px;background-image: url(C:\Users\crets\Downloads\IMG_8887.jpg);

I copied the pathway and pasted into the background image line. Still nothing. Any other thoughts.

If the img is stored on your computer its not going to work. The site cant access your computer to get the image. You need to host the image somewhere. Look at free image hosting and it will give you a link to use as the url

1 Like

Welcome to the FFC forum. You need to download the image in that browser currently you working in and then copy the image link and paste in CSS.

1 Like

Thanks everyone for the input! Saving it to a picture hosting site worked. I appreciate all the help!

1 Like