Module Variations
There are 10 stylistic module class suffixes, these add a unique style variation to the module: box1-6 and title1-4; and 25 structural suffixes, these affect the layout and metrics of the module.
- HomeWelcome
-
Features
- Module Positions
- Module Variations
- Typography
-
Menu Options
-
Menu Examples
- Child Item
- Menu Icon
-
Module Menu
-
This is an example of a module being displayed inside the menu dropdowns.
-
-
Menu Examples
- 404 Error Page
- TutorialsGuides
- Styles
- Category Blog
title1
An example module using the title1 module suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
title3
An example module using the title3 module suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
box1
An example module using the box1 module suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
box3
An example module using the box3 module suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
box5
An example module using the box5 module suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
title2
An example module using the title2 module suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
title4
An example module using the title4 module suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
box2
An example module using the box2 module suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
box4
An example module using the box4 module suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
box6
An example module using the box6 module suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
FontAwesome Title Icon Suffix
Furthermore, you can also add FontAwesome icons into the Module Class Suffix. You will get a medium sized icon to the left of the title. If you compound it with icon-large suffix, it will make a large centered icon above the title with the title centered.
Suffixes are in the icon-NAME format such as icon-star, as shown on the Typography page.icon-facebook
An example module using the icon-facebook module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
Nulla mauris ipsum, egestas ut mattis eu, sagittis vel quam. Ut sapien nunc, malesuada id lacinia eget.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at sem ut ipsum vestibulum euismod. Mauris et massa porta leo facilisis feugiat. Suspendisse id neque a sem facilisis blandit.
Moreicon-twitter icon-large
An example module using the icon-twitter icon-large module class suffix.
icon-pinterest
An example module using the icon-pinterest module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
Nulla mauris ipsum, egestas ut mattis eu, sagittis vel quam. Ut sapien nunc, malesuada id lacinia eget.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at sem ut ipsum vestibulum euismod. Mauris et massa porta leo facilisis feugiat. Suspendisse id neque a sem facilisis blandit.
More