blog documentation FAQ followers forum marketplace services youtube

CSS loading issue

The Jamroom Network » Forum » Installation and Configuration » Page » CSS loading issue
blindmime
@blindmime
12 years ago
772 posts
I've installed a bootstrap theme on two different sites. Site A is working fine, but Site B's CSS files are not entirely loading. The include.php and, in fact, the entire theme directory of Site B is a duplicate of Site A but when I look at the cached css of each there are differences. Here is a brief snippet. It appears that the css file, bootstrap.min.css is not loading on Site B:

/* skins/bfbGrove/css/bootstrap.min.css */

/* skins/bfbGrove/css/glyphicons.css */
html,
html .halflings {....

Incidentally, the way the different css files are commented in each cached css is different. Site A (the good site) shows the comments from each css, while Site B appears to strip them out and simply has the css path commented as a header.
updated by @blindmime: 01/25/14 03:07:43AM
brian
@brian
12 years ago
10,149 posts
Are you running in developer mode on one and not the other?


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
blindmime
@blindmime
12 years ago
772 posts
Yes, I was not in developer mode on Site B. When I switch it on, it loads that css file and everything works.

Shouldn't it load all the CSS files either way?
brian
@brian
12 years ago
10,149 posts
Yeah it should - but that explains the comment formatting differences, and gives me an idea where an issue might be. If you reset caches does it work right or does it seem to always skip the same file?

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
blindmime
@blindmime
12 years ago
772 posts
Resetting caches doesn't work. It always skips the same file.

By the way, including the the css file path in the comments is helpful
brian
@brian
12 years ago
10,149 posts
blindmime:
Resetting caches doesn't work. It always skips the same file.

Weird - and if you turn off developer mode it works?


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
blindmime
@blindmime
12 years ago
772 posts
It loads the css and works when developer mode is ON. When the Run In Developer Mode box is NOT checked.
brian
@brian
12 years ago
10,149 posts
blindmime:
It loads the css and works when developer mode is ON. When the Run In Developer Mode box is NOT checked.

Thanks - is there anything in that CSS file that looks out of place? It could be comments - try removing any comments from the CSS file and see if that works. When not in developer mode, CSS comments are stripped - it could be the comments are formatted in a way the core does not handle properly.

If you want, email me a copy of the CSS file and I can check it out:

brian [at] jamroom [dot] net

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
blindmime
@blindmime
12 years ago
772 posts
I tried removing the comments, but it's still not loading. I sent you the file. It's just minimized Twitter Bootstrap 3.0.0.
blindmime
@blindmime
12 years ago
772 posts
Hmm. Now I'm not sure what it is. I tried saving in utf-8 and then it worked, but now I can't get the other site to be bad now so I can't test it.
brian
@brian
12 years ago
10,149 posts
The reason this is not working is that the entire thing is all 1 line (minimized), with the comment as the first part of that line, so JR sees that line as being a comment and removes the whole line.

Do they provide a non minimized version of the file? That should work.

Hope this helps!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
brian
@brian
12 years ago
10,149 posts
I've got a TODO open on this that will make it work like the JS does - if it sees "min" in the file name it won't try to minimize it and and just include it as it is - that should fix this. I'll have that in for 5.1.7 (which I am hoping to get out tomorrow).

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
blindmime
@blindmime
12 years ago
772 posts
Yes, they do. But also breaking the line after the comment seems to work too.

Will JR ignore any CSS that trails behind a comment on a line?

I've always wondered what real savings is to be had from a minimized css file. There is another minimized css file in the theme which is loading OK, but it doesn't have any comments.

Incidentally, I'm loading the minimized version of jquery along with 2-3 other minimized javascript files via include.php. Will JR do the same thing in a js file?
brian
@brian
12 years ago
10,149 posts
blindmime:
Will JR ignore any CSS that trails behind a comment on a line?

Yeah right now it does - it's not expected that CSS will be on the same line as a comment.

blindmime:
Incidentally, I'm loading the minimized version of jquery along with 2-3 other minimized javascript files via include.php. Will JR do the same thing in a js file?

Right now with JS, if JR sees the word ".min" in the file name for a javascript file, it does not minimize it - it just copies it into the master CSS without modification. It's not doing the same for CSS right now, which it will in 5.1.7 (and then it will work with the bootstrap.min.css file without modification).

Hope this helps!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

Tags