It appears that the CSS ordering by default between Omega and sub-themes is a bit inconsistent. Need to make sure all Omega CSS is loaded first, followed by the sub-theme's implementations to ensure easier overrides of styles.

The first stylesheets it seems to load are from the stylesheets declared by the subtheme, including the layout CSS and the default empty CSS file in the starterkit(s)

@import url("/themes/omega/starterkits/omega_simple_starterkit/style/css/layout/primary-layout.css?ny17wz");
@import url("/themes/omega/starterkits/omega_simple_starterkit/style/css/omega_simple_starterkit.css?ny17wz");

After those, the libraries CSS included from the Omega settings is loaded. 

@import url("/themes/omega/omega/style/css/base.css?ny17wz");
@import url("/themes/omega/omega/style/css/html-elements.css?ny17wz");
@import url("/themes/omega/omega/style/css/site-branding.css?ny17wz");
@import url("/themes/omega/omega/style/css/breadcrumbs.css?ny17wz");
@import url("/themes/omega/omega/style/css/main-menus.css?ny17wz");
@import url("/themes/omega/omega/style/css/messages.css?ny17wz");
@import url("/themes/omega/omega/style/css/pagers.css?ny17wz");
@import url("/themes/omega/omega/style/css/tabs.css?ny17wz");

This needs to be fixed for sure. Probably just an issue with either weighting, or the grouping of the loaded libraries.

Comments

himerus created an issue. See original summary.

himerus’s picture

himerus CreditAttribution: himerus as a volunteer commented

It appears that changing all the optional Omega CSS to component type group works.

The new ordering should be as seen below. Note the layout.css is still above all the components and theme CSS, but that is okay as it is highly targeted and using the layout group for the layout file seems like the way to go. 

@import url("/themes/omega/starterkits/omega_simple_starterkit/style/css/layout/primary-layout.css?ny2e1z");
@import url("/themes/omega/omega/style/css/base.css?ny2e1z");
@import url("/themes/omega/omega/style/css/html-elements.css?ny2e1z");
@import url("/themes/omega/omega/style/css/site-branding.css?ny2e1z");
@import url("/themes/omega/omega/style/css/breadcrumbs.css?ny2e1z");
@import url("/themes/omega/omega/style/css/main-menus.css?ny2e1z");
@import url("/themes/omega/omega/style/css/messages.css?ny2e1z");
@import url("/themes/omega/omega/style/css/pagers.css?ny2e1z");
@import url("/themes/omega/omega/style/css/tabs.css?ny2e1z");
@import url("/themes/omega/starterkits/omega_simple_starterkit/style/css/omega_simple_starterkit.css?ny2e1z");
himerus’s picture

himerus CreditAttribution: himerus as a volunteer commented
Status: Active » Fixed

  • himerus committed 65cc8b1 on 
    Issue #2618964 by himerus: Investigate CSS ordering for base/sub themes

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.