News
The News component is built to dynamically feed in either news articles created within the unit site.
News articles are displayed in 3 columns/grid on larger screens and then displays as a carousel on smaller screens.
Module Usage:
- The Content Grid Module is used to display news items that are setup in the website backend admin under Posts.
- The number of News articles diplayed can be changed in the module using categories under Setting > Layout > Posts per page.
- News articles can be filtered in the module using categories under Settings > Content > Filter.
Image Guidelines:
- Dimensions: 800 × 600 pixels
CSS Classes for hiding elements:
Add the following CSS classes under the Content Grid module's settings > Advanced > Class to hide elements as needed.
hide-image
hide-date
hide-excerpt
hide-categories
hide-button
4 Columns
For a four column display, add the following CSS class under the Content Grid module's settings > Advanced > Class
grid-col-4
3 Columns
For a three column display, add the following CSS class under the Content Grid module's settings > Advanced > Class
grid-col-3
2 Columns
For a two column display, add the following CSS class under the Content Grid module's settings > Advanced > Class
grid-col-2
Alt Layout
For this design, add the following CSS class under the Content Grid module's settings > Advanced > Class
alt-layout
Alt Layout 2
For this design, add the following CSS class under the Content Grid module's settings > Advanced > Class
alt-layout-2