Module Variations

Top A

Top-a using the box1 icon1 module suffix.

Top B

Top-b using the box2 icon2 module suffix.

Top C

Top-c using the box3 icon3 module suffix.

Top D

Top-d using the box4 icon4 module suffix.

Top E

Top-e using the box5 icon5 module suffix.

Top F

Top-f using the box6 icon6 module suffix.

Saturday, April 20, 2024

Text Size

Utility A

Utility-a using its default module styling.

Utility B

Utility-b using its default module styling.

Utility C

Utility-c using its default module styling.

Utility D

Utility-d using its default module styling.

Utility E

Utility-e using its default module styling.

Utility F

Utility-f using its default module styling.

Showcase A

Showcase-a using the box1 title1 icon7 module suffix.

Showcase B

Showcase-b using the box2 title2 icon12 module suffix.

Showcase E

Showcase-e using the box3 title3 icon9 module suffix.

Showcase F

Showcase-f using the box4 title4 icon14 module suffix.

Feature A

Feature-a using its default module styling.

Feature A

Feature-a using its default module styling.

Feature B

Feature-b using its default module styling.

Feature B

Feature-b using its default module styling.

Feature C

Feature-c using its default module styling.

Feature C

Feature-c using its default module styling.

Feature D

Feature-d using its default module styling.

Feature D

Feature-d using its default module styling.

Feature E

Feature-e using its default module styling.

Feature E

Feature-e using its default module styling.

Feature F

Feature-f using its default module styling.

Feature F

Feature-f using its default module styling.

MainTop A

MainTop-a using the box5 icon11 module suffix.

MainTop B

MainTop-b using the box6 icon8 module suffix.

MainTop C

MainTop-c using its default module styling.

MainTop D

MainTop-d using its default module styling.

MainTop E

MainTop-e using the box7 icon13 module suffix.

MainTop F

MainTop-f using the box8 icon10 module suffix.

Content Top A

Content-Top-a using the shadow2 module suffix.

Content Top C

Content-Top-c using the noticebox1 module 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 50 suffixes: box1-10, title1-5, shadow1-5, icon1-14, button1-5, noticebox1-4, nohover; flush, flushtop, flushbottom; plus standardcase, uppercase and lowercase.

Note: You can compound multiple suffixes together such as title2 standardcase flush. There are over 300 possible stylistic combos. The order must be box → title → icon → button for style combos, such as box2 title2 shadow2 icon10 button2

Box: 10 variations to change the background of the module.
Title: 5 suffixes that vary the appearance of the module title.
Shadow: 5 suffixes which adds a drop shadow to the module.
Icon: 14 suffixes that append an icon to the module title.
Button: 5 suffixes to change the color of the read more.
Noticebox: 4 suffixes to match custom typography notices.
Nohover: A structural suffix to disable the box hover effects.
Standard/Upper/Lower Case: change the case style of the module title.
Flush/FlushTop/FlushBottom: removes the margin/padding around the module surround.

Content Bottom A

Content-Bottom-a using the box4 module suffix.

Content Bottom C

Content-Bottom-c using the noticebox2 module suffix.

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.

Sidebar A

Sidebar-a using the shadow1 module suffix.

Sidebar A

Sidebar-a using the noticebox3 module suffix.

Sidebar A

Sidebar-a using the shadow3 module suffix.

Sidebar B

Sidebar-b using the box2 shadow5 module suffix.

Sidebar B

Sidebar-b using the noticebox4 module suffix.

Sidebar B

Sidebar-b using the box4 shadow1 module suffix.

Sidebar B

Sidebar-b using its default module styling.

Sidebar B

Sidebar-b using the box9 icon1 module suffix.

Sidebar C

Sidebar-c using the box3 shadow4 module suffix.

Sidebar C

Sidebar-c using its default module styling.

Sidebar C

Sidebar-c using the box5 shadow2 module suffix.

Sidebar C

Sidebar-c using its default module styling.

Sidebar C

Sidebar-c using the box10 title5 module suffix.

MainBottom A

MainBottom-a using the box2 icon3 module suffix.

MainBottom B

MainBottom-b using the box3 icon4 module suffix.

MainBottom E

MainBottom-e using the box4 icon2 module suffix.

MainBottom F

MainBottom-f using the box5 icon6 module suffix.

Bottom A

Bottom-a using the box1 title1 module suffix.

Bottom B

Bottom-b using the box2 module suffix.

Bottom C

Bottom-c using its default module styling.

Bottom D

Bottom-d using its default module styling.

Bottom E

Bottom-e using the box7 module suffix.

Bottom F

Bottom-f using the box8 title3 module suffix.

Footer A

Footer-a using the box4 module suffix.

Footer B

Footer-b using its default module styling.

Footer C

Footer-c using the box5 module suffix.

Footer D

Footer-d using the box3 module suffix.

Footer E

Footer-e using the box6 module suffix.

Footer F

Footer-f using its default module styling.

Back to Top

Copyright - Default Module Styling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at sem ut ipsum vestibulum euismod. Mauris et massa porta leo facilisis feugiat. Suspendisse id neque a sem facilisis blandit. Aliquam sem leo, commodo ut, rutrum auctor, iaculis nec, eros. Aenean massa. Mauris tincidunt. Vivamus consectetur, tortor sit amet dictum sagittis, urna lectus dapibus metus, ut congue ligula odio sed nunc. Suspendisse potenti.

Login Form