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.

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.

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.

box2 title3

An example module using the box2 title3 module suffix.

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

More

box3 title2

An example module using the box3 title2 module suffix.

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

More

box4 title1

An example module using the box4 title1 module suffix.

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

More

basic

An example module using the basic module suffix.

This suffix will only display the module content without its border and background.

More

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.

More

icon-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