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
    Commented Jan 26, 2012 at 13:37

1 Answer 1


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 Commented Jan 28, 2012 at 13:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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