Module Variations

There are 11 stylistic module class suffixes, these add a unique style variation to the module: title1-5 and box1-6; and various additional structural suffixes, these affect the layout and metrics of the module.

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. Suffixes are in the icon-NAME format such as icon-star, as shown on the Typography page.

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.

title5

An example module using the title5 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.

icon-star

An example module using the icon-star 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.

Using a Suffix

Enter any available suffixes at Extensions → Module Manager → Module → Module Class Suffix.

You can compound multiple suffixes together such as: box1 title3.

box1 title2

An example module using the box1 title2 module suffix.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More ...

box3 title3

An example module using the box3 title3 module suffix.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More ...

box4 title5

An example module using the box4 title5 module suffix.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More ...

box2 title4

An example module using the box2 title4 module suffix.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More ...

box6 title1

An example module using the box6 title1 module suffix.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.