Module Styles

Mixology comes with 54 Core module suffix styles in various colors.

Each suffix can be applied to a module by adding the suffix class to the Module Class Suffix in the Module Parameters of the module.

The Icon Suffix Styles can have different text colors for the second word simply by adding one of the 5 color values after the suffix (tan,grey,green,pink, red or blue).

example: cube-icon-green pink

This example will give you the Green Cube Icon and Pink text for the second word.

The Default Module can be styled via the XTC Framework Parameters - Everything from Icon, Backgrounds, Multiple Text Colors and more are right at your finger tips!

Vinyl Icon Green

This is the Vinyl Icon Green Suffix Style. Adding the words vinyl-icon-green to the Module Class Suffix field will produce this module style.

Vinyl Icon Pink

This is the Vinyl Icon Pink Suffix Style. Adding the words vinyl-icon-pink pink the Module Class Suffix field will produce this module style.

Vinyl Icon Tan

This is the Vinyl Icon Tan Suffix Style. Adding the words vinyl-icon-tan tan the Module Class Suffix field will produce this module style.

Vinyl Icon Blue

This is the Vinyl Icon Blue Suffix Style. Adding the words vinyl-icon-blue blue the Module Class Suffix field will produce this module style.

Vinyl Icon Red

This is the Vinyl Icon Red Suffix Style. Adding the words vinyl-icon-red red the Module Class Suffix field will produce this module style.

Vinyl Icon Grey

This is the Vinyl Icon Grey Suffix Style. Adding the words vinyl-icon-grey to the Module Class Suffix field will produce this module style.

Plug Icon Grey

This is the Plug Icon Grey Suffix Style. Adding the words plug-icon-grey to the Module Class Suffix field will produce this module style.

Plug Icon Red

This is the Plug Icon Red Suffix Style. Adding the words plug-icon-red red the Module Class Suffix field will produce this module style.

Plug Icon Blue

This is the Plug Icon Blue Suffix Style. Adding the wordsplug-icon-blue blue the Module Class Suffix field will produce this module style.

Plug Icon Tan

This is the Plug Icon Tan Suffix Style. Adding the words plug-icon-tan tan the Module Class Suffix field will produce this module style.

Plug Icon Pink

This is the Plug Icon Pink Suffix Style. Adding the words plug-icon-pink pink the Module Class Suffix field will produce this module style.

Plug Icon Green

This is the Plug Icon Green Suffix Style. Adding the words plug-icon-green green to the Module Class Suffix field will produce this module style.

Speaker Icon Green

This is the Speaker Icon Green Suffix Style. Adding the words speaker-icon-green green to the Module Class Suffix field will produce this module style.

Speaker Icon Pink

This is the Speaker Icon Pink Suffix Style. Adding the words speaker-icon-pink pink the Module Class Suffix field will produce this module style.

Speaker Icon Tan

This is the Speaker Icon Tan Suffix Style. Adding the words speaker-icon-tan tan the Module Class Suffix field will produce this module style.

Speaker Icon Blue

This is the Speaker Icon Blue Suffix Style. Adding the words speaker-icon-blue blue the Module Class Suffix field will produce this module style.

Speaker Icon Red

This is the Speaker Icon Red Suffix Style. Adding the words speaker-icon-red red the Module Class Suffix field will produce this module style.

Speaker Icon Grey

This is the Speaker Icon Grey Suffix Style. Adding the words speaker-icon-grey to the Module Class Suffix field will produce this module style.

Dot Icon Green

This is the dot-icon-green green Suffix Style. Adding the word dot-icon-green green to the Module Class Suffix field will produce this module style.

Dot Icon Blue

This is the dot-icon-blue blue Suffix Style. Adding the word dot-icon-blue blue to the Module Class Suffix field will produce this module style.

Dot Icon Red

This is the dot-icon-red red Suffix Style. Adding the word dot-icon-red red to the Module Class Suffix field will produce this module style.

Dot Icon Pink

This is the dot-icon-pink Suffix Style. Adding the word dot-icon-pink pink to the Module Class Suffix field will produce this module style.

Dot Icon Tan

This is the dot-icon-tan Suffix Style. Adding the word dot-icon-tan tan to the Module Class Suffix field will produce this module style.

Dot Icon Grey

This is the dot-icon-grey grey Suffix Style. Adding the word dot-icon-grey grey to the Module Class Suffix field will produce this module style.

Mic Icon Grey

This is the mic-icon-grey grey Suffix Style. Adding the word mic-icon-grey grey to the Module Class Suffix field will produce this module style.

Mic Icon Tan

This is the mic-icon-tan Suffix Style. Adding the word mic-icon-tan tan to the Module Class Suffix field will produce this module style.

Mic Icon Pink

This is the mic-icon-pink Suffix Style. Adding the word mic-icon-pink pink to the Module Class Suffix field will produce this module style.

Mic Icon Red

This is the mic-icon-red red Suffix Style. Adding the word dot-icon-red red to the Module Class Suffix field will produce this module style.

Mic Icon Blue

This is the mic-icon-blue blue Suffix Style. Adding the word mic-icon-blue blue to the Module Class Suffix field will produce this module style.

Mic Icon Green

This is the mic-icon-green green Suffix Style. Adding the word mic-icon-green green to the Module Class Suffix field will produce this module style.

Round Icon Green

This is the round-icon-green green Suffix Style. Adding the word round-icon-green green to the Module Class Suffix field will produce this module style.

Round Icon Blue

This is the round-icon-blue blue Suffix Style. Adding the word round-icon-blue blue to the Module Class Suffix field will produce this module style.

Round Icon Red

This is the round-icon-red red Suffix Style. Adding the word round-icon-red red to the Module Class Suffix field will produce this module style.

Round Icon Pink

This is the round-icon-pink Suffix Style. Adding the word round-icon-pink pink to the Module Class Suffix field will produce this module style.

Round Icon Tan

This is the round-icon-tan Suffix Style. Adding the word round-icon-tan tan to the Module Class Suffix field will produce this module style.

Round Icon Grey

This is the round-icon-grey grey Suffix Style. Adding the word round-icon-grey grey to the Module Class Suffix field will produce this module style.

Phones Icon Red

This is the Phones Icon Red Suffix Style. Adding the phones-icon-red red to the Module Class Suffix field will produce this module style.

Phones Icon Green

This is the Phones Icon Green Suffix Style. Adding the phones-icon-green green to the Module Class Suffix field will produce this module style.

Phones Icon Grey

This is the Phones Icon Grey Suffix Style. Adding the phones-icon-grey grey to the Module Class Suffix field will produce this module style.

Phones Icon Blue

This is the Phones Icon Blue Suffix Style. Adding the phones-icon-blue blue to the Module Class Suffix field will produce this module style.

Phones Icon Pink

This is the Phones Icon Pink Suffix Style. Adding the phones-icon-pink pink to the Module Class Suffix field will produce this module style.

Phones Tan

This is the Phones Icon Tan Suffix Style. Adding the phones-icon-tan tan to the Module Class Suffix field will produce this module style.

Leaf Icon Grey

This is the Leaf Icon Grey Suffix Style. Adding the leaf-icon-grey grey to the Module Class Suffix field will produce this module style.

Leaf Icon Blue

This is the Leaf Icon Blue Suffix Style. Adding the leaf-icon-blue blue to the Module Class Suffix field will produce this module style.

Leaf Icon Pink

This is the Leaf Icon Pink Suffix Style. Adding the leaf-icon-pink pink to the Module Class Suffix field will produce this module style.

Leaf Icon Tan

This is the Leaf Icon Tan Suffix Style. Adding the leaf-icon-tan tan to the Module Class Suffix field will produce this module style.

Leaf Icon Red

This is the Leaf Icon Red Suffix Style. Adding the leaf-icon-tan tan to the Module Class Suffix field will produce this module style.

Cube Icon Green

This is the Cube Icon Green Suffix Style. Adding the cube-icon-green green to the Module Class Suffix field will produce this module style.

Cube Icon Green

This is the Cube Icon Green Suffix Style. Adding the cube-icon-green green to the Module Class Suffix field will produce this module style.

Cube Icon Grey

This is the Cube Icon Grey Suffix Style. Adding the cube-icon-grey grey to the Module Class Suffix field will produce this module style.

Cube Icon Blue

This is the Cube Icon Blue Suffix Style. Adding the cube-icon-blue blue to the Module Class Suffix field will produce this module style.

Cube Icon Pink

This is the Cube Icon Pink Suffix Style. Adding the cube-icon-pink pink to the Module Class Suffix field will produce this module style.

Cube Icon Tan

This is the Cube Icon Tan Suffix Style. Adding the cube-icon-tan tan to the Module Class Suffix field will produce this module style.

Cube Icon Red

This is the Cube Icon Red Suffix Style. Adding the cube-icon-tan tan to the Module Class Suffix field will produce this module style.

© 2010 Joomlaxtc.com / Monev Software LLC. All Rights Reserved.
Disclaimer: The demo content provided with this template is for demonstration purposes only - All images and content (C) the original authors.