Images Not Rendering


My images are loading when I run my site localhost, but they are not rendering when I deploy to Aerobatic. Those images are being defined in my .css file.


Images that are defined in your CSS file should be relative paths from your .css file and not from the root of your site. For example if you have your .css defined as thus:

.background-image {
   background-image: url(/assets/global/images/myimage.jpg); }

It should instead be:

.background-image {
   background-image: url(../images/myimage.jpg); }