Images Not Rendering

Owned by Jason Gowans (Aerobatic LLC)
May 01, 2016
1 min read

Problem

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.

Solution

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); }