Top A

top-a with its default styling.

Top B

top-b with its default styling.

Top C

top-c with its default styling.

Top D

top-d with its default styling.

Top E

top-e with its default styling.

Top F

top-f with its default styling.

Header B

header-b with its default styling.

Header E

header-e with its default styling.

Header F

header-f with its default styling.

Showcase A

showcase-a using the icon1 module class suffix.

Showcase B

showcase-b using the icon2 module class suffix.

Showcase E

showcase- e using the icon3 module class suffix.

Showcase F

showcase-f using the icon4 module class suffix.

Feature A

feature-a using the icon5 module class suffix.

Feature B

feature-b using the icon6 module class suffix.

Feature C

feature-c using the icon7 module class suffix.

Feature D

feature-d using the icon8 module class suffix.

Feature E

feature-e using the icon9 module class suffix.

Feature F

feature-f using the icon10 module class suffix.

Utility A

utility-a using the icon11 module class suffix.

Utility B

utility-b using the icon12 module class suffix.

Utility C

utility-c using the icon13 module class suffix.

Utility D

utility-d using the icon14 module class suffix.

Utility E

utility-e using the icon15 module class suffix.

Utility F

utility-f using the icon16 module class suffix.

MainTop A

maintop-a using the icon17 module class suffix.

MainTop B

maintop-b using the icon18 module class suffix.

MainTop E

maintop-e using the icon19 module class suffix.

MainTop F

maintop-f using the icon20 module class suffix.

Content Top A

content-top-a using the icon21 module class suffix.

Content Top C

content-top-c using the icon22 module class suffix.

Module Variations

Module Variations allow you to individually style a module Enter any available suffixes at Extensions → Module Manager → Module → Module Class Suffix

There are 59 suffixes: box1-3, title1-3, icon1-30, shadow2-10; rounded, square, rt-center; nomargintop, nomarginbottom, nomarginright, nomarginleft, nopaddingtop, nopaddingbottom, nopaddingright and nopaddingleft; plus standardcase, uppercase and lowercase.

Note: You can compound multiple suffixes together such as box1 shadow2 nomarginleft standardcase.

  • Title: 3 variations to change the module title.
  • Box: 3 variations to change the module background.
  • Icon: 30 icon variations for the module title.
  • Shadow: 9 variations to add shadows to the module.
  • Rounded/Square: changes the module border to round or square.
  • RT-Center: centres the content of the module.
  • Standard/Upper/Lower Case: change the case of the module title.
  • NoMarginTop/Bottom/Left/Right: removes the various margins around the module.
  • NoPaddingTop/Bottom/Left/Right: removes the various paddings around the module

Content Bottom A

content-bottom-a with its default styling.

Content Bottom C

content-bottom-c with its default styling.

MainBottom A

mainbottom-a with its default styling.

MainBottom B

mainbottom-b with its default styling.

MainBottom E

mainbottom-e with its default styling.

MainBottom F

mainbottom-f with its default styling.

Extension A

extension-a with its default styling.

Extension B

extension-b with its default styling.

Extension C

extension-c with its default styling.

Extension D

extension-b with its default styling.

Extension E

extension-e with its default styling.

Extension F

extension-f with its default styling.