nettalk-grid.css

[JohanR]

First line in nettalk-grid.css is causing some problems with layout that I have created.

*, *::after, *::before {
    box-sizing: border-box;
}

This used to be part of date-picker class in the theme CSS ,
I downloaded latest NT 10.09 to get latest CSS and found that this has moved to nettalk-grid.css

If I disable this in firebug all is well,
although I have not tested this with all layouts deeper into the app.

nettalk-grid.css seems to be a new CSS file and looks as if there is grid work going on for responsive layout.


How do I override this or include this depending which page I am displaying?

any possible info appreciated

thanks

Johan

[Bruce]

Hi Johan,

Yes, this setting is new in NT10, and indeed so is that file.

It's an important (system wide) setting because it means the border is included in width and height settings. This makes layout _much_ easier because you don't have to keep adjusting for the border width everywhere.

It may mean some tweaks to existing custom styles - yes, but the tweaks are simple enough, and make the whole theming process much easier.

yes, you can override it in your custom.css file, but I _really_ don't recommend that.

 *, *::after, *::before {
    box-sizing: whatever-you-want-it-to-be;
}

cheers
Bruce

[JohanR]

Hi Bruce

Thanks for the reply

I have mixture of pages on my site, some are pure HTML (with it's own responsive CSS)
others are NT pages using a wrap around header/footer to keep the feel the same but the body are NT generated pages and procedures.

How would I have more control of when the NTWS uses the  NT style files and when not.

eg. the IndexPage has a Header procedure , Footer procedure and body is an included HTML file, but this border setting is now overriding the existing CSS that I specified in the global settings for Body Divs etc.

Seems as if the system wide settings is overriding everything else with my limited CSS understanding

regards

Johan

[Bruce]

as long as your CSS comes last it will win.

So you can override anything to anything you like.
You can do this "globally" - but on hand-coded static pages you can add other CSS files as well.

If you're not sure come to the webinar today and I'll show you what I mean.

cheers
Bruce