As I'm moving on to the markup/stylesheet work on my site, I noticed that there are quite a bunch of CSS references to modules. Not only does it clutter the page markup, but it also refers to core Drupal modules, such as /modules/field/theme/field.css.

Since I have to override some of the style definitions (clear problematic floats, narrow a context, and some such), at the same time a question raises in my head - how do you guys approach those stylesheets: do you paste all the definitions in your theme css and remove unneeded css stylesheet links - or rather: - leave the stuff in place and override all problematic style definitions in your theme css?

How do you approach module-related stylesheets, such as Display Suite layouts?

I would like to avoid redundancy where possible, but only when the effort is justifiable. Any insights?

  • 2
    Can't you just aggregate the CSS in the performance section of your site?
    – Chapabu
    Jan 26 '12 at 13:37

Drupal will aggregate all of your style sheets into one when you enable it at admin/config/development/performance (Don't set it during development).

enter image description here

If you feel there is too many redundant stylesheets, you can use a module like Omega Tools which allows you to completely disable stylesheets provided by modules (even core).

  • Yes, that's what I meant - I'm going to play with OT to see what they do. Thanks
    – Artur
    Jan 28 '12 at 13:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.