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 A

Content-Top-a using the title2 suffix.

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 56 suffixes: box1-2, title1-2, 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.

  • Title: 2 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 using the title1 suffix.

Content Bottom C

Content-Bottom-c with its default styling.

Sidebar A

All Sidebar positions can be alternated, such as Side Main Side Side.

This is done via a sliding configuration option in the template manager.

More

Sidebar A

Sidebar-a with its default styling.

Cras auctor libero vitae sem vestibul um euismod arcu.

More

Sidebar A

Sidebar-a with its default styling.

Cras auctor libero vitae sem vestibul um euismod arcu.

More

Sidebar A

Sidebar-a with its default styling.

Cras auctor libero vitae sem vestibul um euismod arcu.

More

Sidebar B

Sidebar-b using the box1 suffix.

Cras auctor libero vitae sem vestibul um euismod arcu.

More

Sidebar B

Sidebar-b with its default styling.

Cras auctor libero vitae sem vestibul um euismod arcu.

More

Sidebar B

Sidebar-b with its default styling.

Cras auctor libero vitae sem vestibul um euismod arcu.

More

Sidebar B

Sidebar-b with its default styling.

Cras auctor libero vitae sem vestibul um euismod arcu.

More

Sidebar C

Sidebar-c with its default styling.

Cras auctor libero vitae sem vestibul um euismod arcu.

More

Sidebar C

Sidebar-c using the box2 suffix.

Cras auctor libero vitae sem vestibul um euismod arcu.

More

Sidebar C

Sidebar-c with its default styling.

Cras auctor libero vitae sem vestibul um euismod arcu.

More

Sidebar C

Sidebar-c with its default styling.

Cras auctor libero vitae sem vestibul um euismod arcu.

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.

Bottom A

Bottom-a with its default styling.

Bottom B

Bottom-b with its default styling.

Bottom C

Bottom-c with its default styling.

Bottom D

Bottom-d with its default styling.

Bottom E

Bottom-e with its default styling.

Bottom F

Bottom-f with its default styling.