Top A

Top-a with its default styling.

Top B

Top-b using the light15 suffix.

Top C

Top-c with its default styling.

Top D

Top-d with its default styling.

Top E

Top-e using the dark85 suffix.

Top F

Top-f with its default styling.

Header A

Header-a using the light15 suffix.

Header B

Header-b with its default styling.

Header E

Header-e with its default styling.

Header F

Header-f using the light35 suffix.

Showcase A

Showcase-a with its default styling.

Showcase B

Showcase-b with its default styling.

Showcase C

Showcase-c with the dark15 suffix.

Showcase D

Showcase-d with the light20 suffix.

Showcase E

Showcase-e with its default styling.

Showcase F

Showcase-f with its default styling.

Feature A

Feature-a using the light60 suffix.

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 using the dark40 suffix.

Utility A

Utility-a with its default styling.

Utility B

Utility-b using the light55 suffix.

Utility C

Utility-c with its default styling.

Utility D

Utility-d with its default styling.

Utility E

Utility-e using the dark15 suffix.

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 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 58 suffixes: basic box1-2, title1-3, rounded, square, dark10-95 and light10-95; 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 dark10 nomarginleft standardcase flushbottom.

  • Basic: no module title or background styling
  • Title: 3 variations to change the module title.
  • Box: 2 variations to change the module background.
  • Dark10-95 (increments of 5): 18 variations to change the module background.
  • Light10-95 (increments of 5): 18 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 styling.

Cras auctor libero vitae sem vestibul.

More

Sidebar A

Sidebar-a using the title2 styling.

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

MainBottom-e with its default styling.

MainBottom F

MainBottom-f with its default styling.