Module Styles
StrataWerks comes with 60+ 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 (red,green,blue,yello,grey,cyan).

example: round-icon-green purple

This example will give you the Green Round Icon and Purple text for the second word.

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

Circle Icon Blue

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

Circle Icon Cyan

This is the Circle Icon Blue Suffix Style. Adding the word circle-icon-cyan cyan to the Module Class Suffix field will produce this module style.

Wave Icon Blue

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

Wave Icon Cyan

This is the Wave Icon Cyan Suffix Style. Adding the wave-icon-cyan cyan to the Module Class Suffix field will produce this module style.

Nuke Icon Blue

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

Nuke Icon Cyan

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

Wing Icon Blue

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

Wing Icon Cyan

This is the Wing Icon Cyan Suffix Style. Adding the words wing-icon-cyan cyan to the Module Class Suffix field will produce this module style.

Round Icon Blue

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

Round Icon Cyan

This is the Round Icon Cyan Suffix Style. Adding the words round-icon-cyan cyan the Module Class Suffix field will produce this module style.

TAG BLINE BLUE

This is the Tag Bottomline Blue Suffix Style. Adding the word tagbline_blue to the Module Class Suffix field will produce this module style.

TAG BLINE CYAN

This is the Tag Bottomline Cyan Suffix Style. Adding the word tagbline_cyan to the Module Class Suffix field will produce this module style.

Block Blue Suffix

Block Blue Suffix Style. Adding the word block_blue to the Module Class Suffix field will produce this module style.

Block Cyan Suffix

Block Cyan Suffix Style. Adding the word block_cyan to the Module Class Suffix field will produce this module style.

Dualborder Blue

This is the Dualborder Blue Suffix Style. Adding the word dborder_blue to the Module Class Suffix field will produce this module style.

Dualborder Cyan

This is the Dualborder Cyan Suffix Style. Adding the word dborder_cyan to the Module Class Suffix field will produce this module style.

Circle Icon Red

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

Circle Icon Grey

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

Wave Icon Red

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

Wave Icon Grey

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

Nuke Icon Red

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

Nuke Icon Grey

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

Wing Icon Red

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

Wing Icon Grey

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

Round Icon Red

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

Round Icon Grey

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

TAG BLINE RED

This is the Tag Bottomline Red Suffix Style. Adding the word tagbline_red to the Module Class Suffix field will produce this module style.

TAG BLINE GREY

This is the Tag Bottomline Grey Suffix Style. Adding the word tagbline_grey to the Module Class Suffix field will produce this module style.

Block Red Suffix

Block Red Suffix Style. Adding the word block_red to the Module Class Suffix field will produce this module style.

Block Grey Suffix

Block Grey Suffix Style. Adding the word block_grey to the Module Class Suffix field will produce this module style.

Dualborder Red

This is the Dualborder Red Suffix Style. Adding the word dborder_red to the Module Class Suffix field will produce this module style.

Dualborder Grey

This is the Dualborder Grey Suffix Style. Adding the word dborder_grey to the Module Class Suffix field will produce this module style.

Circle Icon Green

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

Circle Icon Yello

This is the Circle Icon Yello Suffix Style. Adding the word circle-icon-yello yello to the Module Class Suffix field will produce this module style.

Wave Icon Green

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

Wave Icon Yello

This is the Wave Icon Yello Suffix Style. Adding the wave-icon-yello yello to the Module Class Suffix field will produce this module style.

Nuke Icon Green

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

Nuke Icon Yello

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

Wing Icon Green

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

Wing Icon Yello

This is the Wing Icon Yello Suffix Style. Adding the words wing-icon-yello yello to the Module Class Suffix field will produce this module style.

Round Icon Green

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

Round Icon Yello

This is the Round Icon Yello Suffix Style. Adding the words round-icon-yello yellow the Module Class Suffix field will produce this module style.

TAG BLINE GREEN

This is the Tag Bottomline Green Suffix Style. Adding the word tagbline_green to the Module Class Suffix field will produce this module style.

TAG BLINE YELLO

This is the Tag Bottomline Yello Suffix Style. Adding the word tagbline_yello to the Module Class Suffix field will produce this module style.

Block Green Suffix

Block Green Suffix Style. Adding the word block_green to the Module Class Suffix field will produce this style.

Block Yello Suffix

Block Yello Suffix Style. Adding the word block_yello to the Module Class Suffix field will produce this module style.

Dualborder Green

This is the Dualborder Green Suffix Style. Adding the word dborder_green to the Module Class Suffix field will produce this module style.

Dualborder Yello

This is the Dualborder Yello Suffix Style. Adding the word dborder_yello to the Module Class Suffix field will produce this module style.

Our Partners

Nec quam nisl

Mauris in mattis massa elit eu.

Consequat id a aliquam vel id. A interdum in. Commodo sed donec. Elit amet mattis. Mauris sed lorem enim dolor id rutrum

Our Address

Nam fusce volutpat amet mollis vitae pellentesque in donec. Mauris sed lorem enim dolor id rutrum sollicitudin ligula. Purus volutpat in urna nibh vel non turpis tortor.

Subscribe to our newsletter and stay up to date on the latest industry news


Name:

Email: