Header A

Header-a 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 with its default styling.

Showcase B

Showcase-b with its default styling.

Showcase E

Showcase-e with its default styling.

Showcase F

Showcase-f with its default styling.

Feature A

Feature-a with its default styling.

Feature B

Feature-b with its default styling.

Feature C

Feature-c with its default styling.

Feature D

Feature-d with its default styling.

Feature E

Feature-e with its default styling.

Feature F

Feature-f with its default styling.

Utility A

Utility-a with its default styling.

Utility B

Utility-b with its default styling.

Utility C

Utility-c with its default styling.

Utility D

Utility-d with its default styling.

Utility E

Utility-e with its default styling.

Utility F

Utility-f with its default styling.

MainTop A

Maintop-a with its default styling.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu.

Read More

MainTop B

Maintop-b with its default styling.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu.

Read More

MainTop F

MainTop-f using the box1 module class suffix.

Cras auctor libero vitae sem vestibul.

Read More

Content Top A

Content-Top-a using the box2 module suffix.

Content Top C

Content-Top-c using the box2 icon2 module suffix.

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

There are 28 suffixes: box1-4, title1-7, icon1-3 (box2 only); nomargintop, nomarginbottom, nomarginright, nomarginleft, nopaddingtop, nopaddingbottom, nopaddingright and nopaddingleft; flush, flushtop and flushbottom; plus standardcase, uppercase and lowercase.

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

  • Title: 7 variations to change the module title.
  • Box: 4 variations to change the module background.
  • Icon: 3 icon variations for the box2 suffix.
  • 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
  • Flush/FlushTop/FlushBottom: removes the margin/padding around the module surround.

Content Bottom A

Content-Bottom-a using the box2 icon1 module suffix.

Content Bottom C

Content-Bottom-c using the box2 icon3 module suffix.

Sidebar A

Sidebar-a using the box3 suffix.

Cras auctor libero vitae sem vestibul.

More

Sidebar A

Sidebar-a using the box4 suffix.

Cras auctor libero vitae sem vestibul.

More

Sidebar A

Sidebar-a using the title2 suffix.

Cras auctor libero vitae sem vestibul.

More

Sidebar A

Sidebar-a using the title3 suffix.

Cras auctor libero vitae sem vestibul.

More

Sidebar C

Sidebar-c using the title4 module suffix.

Cras auctor libero vitae sem vestibul.

More

Sidebar C

Sidebar-c using the title5 module suffix.

Cras auctor libero vitae sem vestibul.

More

Sidebar C

Sidebar-c using the title6 module suffix.

Cras auctor libero vitae sem vestibul.

More

Sidebar C

Sidebar-c using the title7 module suffix.

Cras auctor libero vitae sem vestibul.

More

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.