I have downloaded Drupal Commerce and started playing around with it. I have a new theme created using Commerce Kickstart as base. My theme is in sites/all/themes. Any styles that I put in the stylesheets of my new theme are being overridden by the base drupal commerce stylesheet.

How can I make sure my styles get applied on top of the default?

  • 1
    The sub-theme CSS files will usually be loaded after those of the base theme (definitely in the case of Commerce Kickstart, I've just checked one of my own installations). Are you sure it's not your CSS selectors that are the problem? If not, could you give examples of the selectors you're using, and of the file names that are coming out in the wrong order?
    – Clive
    Commented Apr 5, 2013 at 14:08
  • I am sure some thing is wrong with your Css file , because I just checked with my theme on Commerce and it loaded all Css as its should be!
    – user16723
    Commented Apr 17, 2013 at 19:49

1 Answer 1


First of all, if you look into the section of your code, can you find the css file? If not, it can be that the css is aggregated (in this case you'll find a random alphabetic css file), then clear your cache. If there is no aggregation, and you can't find your file, it is most probably set wrong in your theme.info file.

If the file is there, but not working, check in your browser (via fe element inspect) if and why the selectors are overridden...

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