Basic Layout
newtralize is set up with basic module positions, sufficient to create almost any design.
newtralize implements a CSS grid-based layout system. Content will be constrained to a max width, and sections can individually be set to full width.
In the Layout Settings, you can define the following options:
- Max Text Width: Maximum width of text elements, useful for setting a comfortable max line length.
- Max Content Width: The maximum width of constrained content.
- Content Padding: Horizontal padding applied to content when narrower than the max content width.
The layout system is built around root layout elements, whose children are constrained to the max content width. Root elements are any element with either the content-grid or full-width classes.
Applying the full-width class to a layout child will force that child to break out of the max content width and go full width, becoming a root element itself.
Because of this, you may run into some situations with nested content generated by Joomla where you may need to use display: contents on the containing elements to let the nested content be included in the layout system.