Custom theme doesn't load theme css file in Drupal 8

Question

I'm making a new theme but have problems loading the css. Though I think it is correct to the documentation of Drupal it doesn't work.

I created a folder in /themes/custom/noadin and added the info and libraries files

noadin.info.yml :

name: noadin
description: 'My new theme'
type: theme
core: 8.x
libraries:
  - noadin/global-styling
  - noadin/global-scripts

and created a noadin.libraries.yml :

global-styling:
  version: VERSION
  css:
    theme:
       css/style.css: {}
global-scripts:
  version: VERSION
  js:
    js/script.js: {}

The stylesheet is placed at /themes/custom/noadin/css

Can anyone tell me what it is that I am misunderstanding?

p.s. Drupal is taking the correct theme.

Bikesh M · Accepted Answer · 2016-06-13 12:50:09Z

6

Your info.yml and libraries.yml looking fine, I think may be becouse of caching it is not loading the css and js file try after clearing the cache. (login to your admin area configuration->Development->Performance->Clear all caches) Try after this

You can try look in to this working sample (http://wiki.workassis.com/drupal-8-custom-theme-from-scratch/) this helped me.

answered Jun 13, 2016 at 12:50

Bikesh M

8,4336 gold badges44 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

anthonygore Over a year ago

It'd be best if the accepted answer clarified specifically what is wrong because there are really two different answers here

Matthew T Rader Over a year ago

After trying so many things, clearing the cache was the answer, I'm new to Drupal and didn't know how to do that in the admin.

Koustav · Accepted Answer · 2021-04-22 12:33:07Z

1

Please make sure you have unchecked the following option from - Home > Administration > Configuration > Development

Aggregate CSS files -- Uncheck and Save Configuration

answered Apr 22, 2021 at 12:33

Koustav

6256 silver badges8 bronze badges

Comments

mabreu0 · Accepted Answer · 2021-08-10 16:39:58Z

0

@Koustav answer helped me a lot. I did changed the drupal/sites/default/files to proper owner since the "Bandwidth optimization menu was disabled and then went to

Home > Administration > Configuration > Development

and unchecked the Aggregate CSS files

Now it's working like a charm!

answered Aug 10, 2021 at 16:39

mabreu0

902 silver badges9 bronze badges

Comments

Tilak Nishad · Accepted Answer · 2022-04-11 11:03:32Z

0

I was facing the same issue but resolved by doing the below steps.

Goto admin/config/development/performance
uncheck the Aggregate CSS files
uncheck Aggregate JavaScript files

Thanks!!!!!!!

answered Apr 11, 2022 at 11:03

Tilak Nishad

1

Collectives™ on Stack Overflow

Custom theme doesn't load theme css file in Drupal 8

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related