Hi I’m having some trouble getting a few parts of the CSS synced up for an app after loading static files to S3. My icons and background image both dont load and I suspect it is because of the way the paths are routed. In the style sheet they are both currently loaded as:
background-image: url("../img/glyphicons-halflings.png");
background: url("../img/background.png");
This worked fine when I was loading static files hosted on my own computer. I’m a little confused as to why this type of path doesn’t load when loaded on S3. The relative paths are all the same there. Thanks in advance.
Make sure that the folder and images are publicly accessible. By default, S3 makes content private thus preventing the browser from loading your images.