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.

Showcase A

Showcase-a with its default styling.

Showcase B

Showcase-b with its default styling.

Showcase C

Showcase-c with its default styling.

Showcase D

Showcase-d 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.

MainTop B

MainTop-b with its default styling.

MainTop C

MainTop-c using the box2 suffix.

MainTop D

MainTop-d using the box1 suffix.

MainTop E

MainTop-e with its default styling.

MainTop F

MainTop-f with its default styling.

Content Top A

Content-Top-a with its default styling.

Content Top B

Content-Top-b with its default styling.

Content Top C

Content-Top-c with its default styling.

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

There are 24 suffixes: shadow1, box1-3, title1-4, rounded and square; 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.

  • Shadow: 1 variation to add a shadow below the module.
  • Title: 4 variations to change the module title.
  • Box: 3 variations to change the module background.
  • Rounded: rounds the module corners.
  • Square: squares the module corners.
  • 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 with its default styling.

Content Bottom C

Content-Bottom-c with its default styling.

Sidebar A

Sidebar-a using the title1 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 A

Sidebar-a using the title4 suffix.

Cras auctor libero vitae sem vestibul.

More

Sidebar B

Sidebar-b with its default styling.

Cras auctor libero vitae sem vestibul.

More

Sidebar B

Sidebar-b with its default styling.

Cras auctor libero vitae sem vestibul.

More

Sidebar B

Sidebar-b with its default styling.

Cras auctor libero vitae sem vestibul.

More

Sidebar B

Sidebar-b using the box3 suffix.

Cras auctor libero vitae sem vestibul.

More

Sidebar C

Sidebar-c with its default styling.

Cras auctor libero vitae sem vestibul.

More

Sidebar C

Sidebar-c with its default styling.

Cras auctor libero vitae sem vestibul.

More

Sidebar C

Sidebar-c with its default styling.

Cras auctor libero vitae sem vestibul.

More

Sidebar C

Sidebar-c with its default styling.

Cras auctor libero vitae sem vestibul.

More

MainBottom A

MainBottom-a with its default styling.

MainBottom B

MainBottom-b with its default styling.

MainBottom C

MainBottom-c with its default styling.

MainBottom D

MainBottom-d with its default styling.

MainBottom E

MainBottom-e with its default styling.

MainBottom F

MainBottom-f with its default styling.