Why are the CSS files in my .info not applied (scripts work fine)?

https://drupal.stackexchange.com/questions/163947

29-09-2020
|

Question

I have a list of CSS files from a premade theme called artifical reason

they are listed in my .info file as such

stylesheets[all][] = assets/css/style.css
stylesheets[all][] = assets/css/preload.css
stylesheets[all][] = assets/css/style-aqua.css
stylesheets[all][] = assets/css/style-blue.css
stylesheets[all][] = assets/css/style-blue2.css

..... Et Cetera for all the files in the assets/css/ folder

I also have scripts listed in the info file

scripts[] = assets/js/app.js
scripts[] = assets/js/carousels.js
scripts[] = assets/js/coming.js
scripts[] = assets/js/coming2.js
scripts[] = assets/js/commerce.js

et cetera

I have the style and script variables in my html.tpl.php

<?php print $styles; ?>
<?php print $scripts; ?>

However, when I go to my site the styles are not applied and there is no reference to them in the HTML. There IS however reference to all the scripts as seen below

<script src="http://WEBSITENAME/sites/all/themes/SITEDIREC/assets/js/app.js?nqtizi">

I get a couple style sheets being pulled from modules, but most of the CSS left is pulled from this

<link media="all" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css">

Does anyone have ideas on why this is not working? I am fairly new to Drupal, so I'm proobably overlooking something fairly major.

I should have mentioned it before: I have cleared cache many times, and turned the CSS/JS aggregation on and off to see if it would work with no success.

Here are the errors i get when i launch the site

[Thu Jul 02 08:34:40.847061 2015] [fcgid:warn] [pid 3816:tid 416]        mod_fcgid: process 5448 graceful kill fail, sending SIGKILL
[Thu Jul 02 08:34:46.941527 2015] [fcgid:warn] [pid 3816:tid 416] mod_fcgid: process 7124 graceful kill fail, sending SIGKILL
[Thu Jul 02 08:34:50.401630 2015] [fcgid:warn] [pid 3816:tid 416] mod_fcgid: process 2324 graceful kill fail, sending SIGKILL

Here is the FULL info file

name = ART REASON sub-theme
description = based on artifical reason
core = 7.x
base theme = bootstrap


 ;;;;;;;;;;;;;;;;;;;;;
 ;; Regions
 ;;;;;;;;;;;;;;;;;;;;;

 regions[navigation]     = 'Navigation'
 regions[header]         = 'Top Bar'
 regions[highlighted]    = 'Highlighted'
 regions[help]           = 'Help'
 regions[content]        = 'Content'
 regions[sidebar_first]  = 'Primary'
 regions[sidebar_second] = 'Secondary'
 regions[footer]         = 'Footer'
 regions[page_top]       = 'Page top'
 regions[page_bottom]    = 'Page bottom'
 regions[social]            = 'Social'



 ;;;;;;;;;;;;;;;;;;;;;
 ;; Stylesheets
 ;;;;;;;;;;;;;;;;;;;;;

 stylesheets[all][] = assets/css/style.css
 stylesheets[all][] = assets/css/preload.css
 stylesheets[all][] = assets/css/style-aqua.css
 stylesheets[all][] = assets/css/style-blue.css
stylesheets[all][] = assets/css/style-blue2.css
stylesheets[all][] = assets/css/style-blue3.css
 stylesheets[all][] = assets/css/style-blue4.css
 stylesheets[all][] = assets/css/style-blue5.css
 stylesheets[all][] = assets/css/style-fuchsia.css
 stylesheets[all][] = assets/css/style-gray.css
stylesheets[all][] = assets/css/style-green.css
stylesheets[all][] = assets/css/style-green2.css
 stylesheets[all][] = assets/css/style-green3.css
 stylesheets[all][] = assets/css/style-green4.css
 stylesheets[all][] = assets/css/style-green5.css
 stylesheets[all][] = assets/css/style-orange.css
 stylesheets[all][] = assets/css/style-orange2.css
stylesheets[all][] = assets/css/style-orange3.css
 stylesheets[all][] = assets/css/style-pink.css
stylesheets[all][] = assets/css/style-red.css
 stylesheets[all][] = assets/css/style-red2.css
 stylesheets[all][] = assets/css/style-red3.css
 stylesheets[all][] = assets/css/style-violet.css
stylesheets[all][] = assets/css/style-violet2.css
 stylesheets[all][] = assets/css/style-violet3.css
stylesheets[all][] = assets/css/style-yellow.css
stylesheets[all][] = assets/css/style-yellow2.css
stylesheets[all][] = assets/css/vendors.css
stylesheets[all][] = assets/css/width-full.css
 stylesheets[all][] = assets/css/width-boxed.css
 stylesheets[all][] = assets/css/syntaxhighlighter/shCore.css
 stylesheets[all][] = assets/css/syntaxhighlighter/shCoreDefaulter.css
 stylesheets[all][] = assets/css/syntaxhighlighter/shCoreDjango.css
stylesheets[all][] = assets/css/syntaxhighlighter/shCoreEclipse.css
stylesheets[all][] = assets/css/syntaxhighlighter/shCoreEmacs.css
stylesheets[all][] = assets/css/syntaxhighlighter/shCoreFadeToGrey.css
 stylesheets[all][] = assets/css/syntaxhighlighter/shCoreMDUltra.css
stylesheets[all][] = assets/css/syntaxhighlighter/shCoreMidnight.css
stylesheets[all][] = assets/css/syntaxhighlighter/shCoreRDark.css
stylesheets[all][] = assets/css/syntaxhighlighter/shThemeDefault.css
stylesheets[all][] = assets/css/syntaxhighlighter/shThemeDjango.css
stylesheets[all][] = assets/css/syntaxhighlighter/shThemeEclipse.css
stylesheets[all][] = assets/css/syntaxhighlighter/shThemeEmacs.css
stylesheets[all][] = assets/css/syntaxhighlighter/shThemeFadeToGrey.css
 stylesheets[all][] = assets/css/syntaxhighlighter/shThemeMDUltra.css
stylesheets[all][] = assets/css/syntaxhighlighter/shThemeMidnight.css
  stylesheets[all][] = assets/css/syntaxhighlighter/shThemeRDark.css



;;;;;;;;;;;;;;;;;;;;;;
;; JS
;;;;;;;;;;;;;;;;;;;;;;

scripts[] = assets/js/app.js
scripts[] = assets/js/carousels.js
scripts[] = assets/js/coming.js
scripts[] = assets/js/coming2.js
scripts[] = assets/js/commerce.js
scripts[] = assets/js/e-commerce_product.js
scripts[] = assets/js/home_full.js
scripts[] = assets/js/home_inverse_navbar.js
 scripts[] = assets/js/home_login_full.js
scripts[] = assets/js/home_plain.js
scripts[] = assets/js/home_product.js
scripts[] = assets/js/home_profile.js
scripts[] = assets/js/home_services.js
scripts[] = assets/js/html5shiv.min.js
scripts[] = assets/js/index.js
scripts[] = assets/js/jquery.min.map
scripts[] = assets/js/lightbox.min.map
scripts[] = assets/js/page_charts.js
scripts[] = assets/js/portfolio.js
scripts[] = assets/js/respond.min.js
scripts[] = assets/js/slidebars.js
scripts[] = assets/js/styleswitcher.js
scripts[] = assets/js/vendors.js





 ; For information on choosing the desired method, please read the Drupal
 ; Bootstrap sub-theme "how-to" documentation:
; https://drupal.org/node/1978010

; ;----------------------------------
; ; METHOD 1: Bootstrap Source Files
; ;----------------------------------
; 
 ; ;;;;;;;;;;;;;;;;;;;;;
; ;; Scripts
 ; ;;;;;;;;;;;;;;;;;;;;;
; 
; scripts[] = 'bootstrap/js/affix.js'
; scripts[] = 'bootstrap/js/alert.js'
; scripts[] = 'bootstrap/js/button.js'
 ; scripts[] = 'bootstrap/js/carousel.js'
; scripts[] = 'bootstrap/js/collapse.js'
; scripts[] = 'bootstrap/js/dropdown.js'
; scripts[] = 'bootstrap/js/modal.js'
; scripts[] = 'bootstrap/js/tooltip.js'
; scripts[] = 'bootstrap/js/popover.js'
; scripts[] = 'bootstrap/js/scrollspy.js'
; scripts[] = 'bootstrap/js/tab.js'
; scripts[] = 'bootstrap/js/transition.js'

SOLVED: Such a simple problem for how much work I put into trying to solve it. I did not have the correct filepath specified on the .info file, because I thought, incorrectly, that the filepath was relative to the template instead of the .info file. so i had to go templates/assets/css instead of assets/css. I had tried this solution before, but I guess I forgot to clear my cache first. Thanks for the help

-Matt

Solution 2

-Matt

OTHER TIPS

Consider checking the various answers to the question about Can't disable css caching and aggregation ... it includes some hints that may help in your case also, such as:

Try clearing the cache?
CSS / JS aggregation turned on?
Any caching mechanisms (like Varnish) installed on the server?
Could it be a module or a theme that hard coded the CSS caching?

Since none of these are mentioned in your question, I thought it's worth pointing to them ...

Licensed under: CC-BY-SA with attribution

Not affiliated with drupal.stackexchange