Grid max-width issue with overriding themes

Grid max-width issue with overriding themes

  
Hi,

I have a app-theme which inherits a base-theme.

Basetheme has a grid of max-width: 1200
AppTheme has a grid of max-width: 1000

the result, max-width of 1200, which imho is not correct.
when I override a grid in my app-theme, that's the one it should be using?

Hi, J.

How does your CSS selector on the AppTheme compare to the selector on the BaseTheme?
The way a browser decides which CSS rule is overriden is by the selector specificity. It might well be that your AppTheme selector is less specific than the BaseTheme selector, in which case it won't override anything.

Adding !important rules might solve your problem.