CODEWITHSUNDEEP
meteorstatic-files
dragonmnl
dragonmnl

Reputation: 15548

Meteor not automatically loading stylesheets placed in /public

public/img/logo.png

client/views/common/common.html

<div id="logo-container" class="brand-logo">logo</div>

public/styles/main.css

.brand-logo {   background-image: url("/img/logo.png"); }

Going to Chrome DevTools' resources tab, neither the image, nor the stylesheet is loaded.

In fact in elements tab (right area) the class is not applied to the element. The template is rendered properly instead (in fact "logo" text is printed)

Upvotes: 0

Views: 1303

Answers (1)

meteorBuzz
meteorBuzz

Reputation: 3200

Create a "stylesheets" folder inside the "client" directory and place the main.css file inside there. 

client/stylesheets/main.css

Meteor will automatically load any .css files if you place them in this directory, so you don't need to reference it.

Currently, you have main.css file in public/styles/main.css

Upvotes: 1

Related Questions