In my theme, I want to override some styles of the Orchard.Search module, more specifically the search form (Parts/Search.SearchForm.cshtml). The module styles are defined in a file called orchard-search-search.css
. Those styles are included in the SearchForm template with Style.Require("Search");
I include my style sheets in my Layout.cshtml file using Style.Include("styles.css");
The way I understand it, my styles.css
should be taking precedence over the orchard-search-search.css
so my theme can override module styles, is that correct?
The reality is just the opposite. The module css gets loaded last, so my overrides are not taking effect.
I can work around this using !important; in my style sheet, but I was convinced that in theory, theme styles should take precedence so they can easily override a modules appearance.
Am I overlooking something?