Background Images

Sometimes it can be tough to add in your background images. I make a short tutorial on how to do it. You can see it here:

Some quick pointers


The only trick to remember here is that in the url() you have to add the path from the CSS file to the image. To move up out of the css folder you use ../ Here is how the example below breaks down the url of ../images/dog-square.jpg

  1. ../  this says to move out of the css folder
  2. images/  this says to look in the images folder
  3. dog-square.jpg  this says to use the dog-square.jpg file


If you use this folder structure then all of your background images will start with ../images/

Leave a Reply