There are 20 stylistic module class suffixes which provide a unique style variation to the module: title1-10 and box1-10. There are also 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 fa fa-ICON_NAME.

title1

An example particle using the title1 variation.

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

Read More

title2

An example particle using the title2 variation.

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

Read More

title3

An example particle using the title3 variation.

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

Read More

title4

An example particle using the title4 variation.

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

Read More

title5

An example particle using the title5 variation.

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

Read More

title6

An example particle using the title6 variation.

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

Read More

title7

An example particle using the title7 variation.

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

Read More

title8

An example particle using the title8 variation.

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

Read More

title9

An example particle using the title9 variation.

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

Read More

title10

An example particle using the title10 variation.

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

Read More

box1

An example particle using the box1 variation.

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

Read More

box2

An example particle using the box2 variation.

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

Read More

box3

An example particle using the box3 variation.

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

Read More

box4

An example particle using the box4 variation.

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

Read More

box5

An example particle using the box5 variation.

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

Read More

box6

An example particle using the box6 variation.

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

Read More

box7

An example particle using the box7 variation.

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

Read More

box8

An example particle using the box8 variation.

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

Read More

box9

An example particle using the box9 variation.

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

Read More

box10

An example particle using the box10 variation.

Lorem ipsum dolor sit amet citus geral amidos qui xiera buanos amito legit, consecetur adipiscing elit donec sit amet nibh.

Read More

Additional Classes

  • rt-center: centres the content of the particle.
  • rt-uppercase, rt-lowercase: change the case of the particle title.
  • nomargintop, nomarginright, nomarginbottom, nomarginleft, nomarginall: removes the various margins around the particle.
  • nopaddingtop, nopaddingright, nopaddingbottom, nopaddingleft, nopaddingall: removes the various paddings around the particle.
  • (small/med/large)margintop, (small/med/large)marginright, (small/med/large)marginbottom, (small/med/large)marginleft: increase the margins around the particle.
  • (small/med/large)paddingtop, (small/med/large)paddingright, (small/med/large)paddingbottom, (small/med/large)paddingleft: increase the paddings around the particle.
  • (subsmall/submed/sublarge)margintop, (subsmall/submed/sublarge)marginright, (subsmall/submed/sublarge)marginbottom, (subsmall/submed/sublarge)marginleft, (subsmall/submed/sublarge)marginall: decrease the margins around the particle.