Top A

The Top-a region, using the default block styling.

Read More

Top B

The Top-b region, using the default block styling.

Read More

Top C

The Top-c region, using the default block styling.

Read More

Top D

The Top-d region, using the default block styling.

Read More

Top E

The Top-e region, using the default block styling.

Read More

Top F

The Top-f region, using the default block styling.

Read More

Header A

This is the Header-a block region, which is using the default block styling.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Header B

This is the Header-b block region, which is using the default block styling.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Showcase A

This is the Showcase-a block region, which is using the default block styling.

Read More

Showcase B

This is the Showcase-b block region, which is using the default block styling.

Read More

Showcase C

This is the Showcase-c block region, which is using the default block styling.

Read More

Showcase D

This is the Showcase-d block region, which is using the default block styling.

Read More

This is the Utility-a block region, using default block styling.

Read More

This is the Utility-b block region, using default block styling.

Read More

This is the Utility-c block region, using default block styling.

Read More

This is the Utility-d block region, using default block styling.

Read More

This is the Utility-e block region, using default block styling.

Read More

This is the Utility-f block region, using default block styling.

Read More

Feature A

This is the Feature-a block region, using the default block styling.

Read More

Feature B

This is the Feature-b block region, using the default block styling.

Read More

Feature C

This is the Feature-c block region, using the default block styling.

Read More

Feature D

This is the Feature-d block region, using the default block styling.

Read More

Feature E

This is the Feature-e block region, using the default block styling.

Read More

Feature F

This is the Feature-f block region, using the default block styling.

Read More

Main Top A

This is the MainTop-a block region, using the default block styling.

Read More

Main Top B

This is the MainTop-b block region, using the bg1 block suffix.

Read More

Maintop C

This is the MainTop-c block region, using the bg2 block class suffix.

Read More

Maintop D

This is the MainTop-d block region, using the bg3 block suffix.

Read More

Content Top A

This is the Content-Top-a block region, using the bg4 block suffix.

Read More

Content Top B

This is the Content-Top-b block region, using the bg5 block suffix

Read More

Block Variations allow for the individual styling of each block within a region, without it being global. Code wise, this is achieved by adding a class into the block code which loads from the Block Class Suffix field in the Block Manager. The theme CSS adjusts accordingly.

There are 14 suffixes: bg1-5, title1-5, flush, flushtop, flushbottom & basic.

The BG and Title suffixes load their coloring from the Color options of the theme, if blue is the header color, bg1 will be blue. bg1 loads the header color; b2 loads the feature color; b3 loads the main surround color; b4 loads the main body color; and b5 loads the footer color. These are available in all the main body areas: MainTop, MainBottom, ContentTop, ContentBottom and Sidebar. The suffixes will work in Top, Header, Bottom and Footer, but may not be as aesthetically pleasing, depending on your color combination.

Flush will disable all padding and margin to the block for a tighter fit, with FlushTop and FlushBottom disabling the margin/padding for the Top/Bottom parts of the block respectively. Basic removes all image based styling from the block.

Content-Bottom A

This is the Content-Bottom-a block region, using the bg5 block suffix.

Read More

Content-Bottom B

This is the Content-Bottom-b block region, using the basic block suffix.

Read More

Sidebar B

This is the Sidebar-b block region, using its default module styling.

The Sidebar regions can be placed in alternate orientations, such as MainSide Side rather than the default exhibited on the demo. This is done via a configuration option in the theme administrator.

Read More

Sidebar B

The Sidebar-b region, using the bg3 block class suffix.

Lorem ipsum dolor sit amet, consec tetur adipi scing elit.

Read More

Sidebar B

The Sidebar-b region, using the default block styling.

Read More

Sidebar B

The Sidebar-b region, using the title3 block class suffix.

Read More

Sidebar A

The Sidebar-a region, using the bg1 block class suffix.

Lorem ipsum dolor sit amet, consec tetur adipi scing elit. Donec sit amet nibh sadir. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod sempe.

Read More

Sidebar A

The Sidebar-a region, using the bg3 block class suffix.

Lorem ipsum dolor sit amet, consec tetur adipi scing elit.

Read More

Sidebar A

The Sidebar-a region, using the title1 block class suffix.

Read More

Sidebar A

The Sidebar-a region, using the title2 block class suffix.

Read More

Maintop A

This is the MainBottom-a block region, using the bg3 block class suffix.

Read More

MainBottom B

This is the MainBottom-b block region, using the bg2 block class suffix.

Read More

MainBottom C

This is the MainBottom-c block region, using the bg1 block class suffix.

Read More

MainBottom D

This is the MainBottom-d block region, using the default block styling.

Read More

Bottom A

The Bottom-a block region, using the default block styling.

Read More

Bottom B

The Bottom-b block region, using the default block styling.

Read More

Bottom C

The Bottom-c block region, using the default block styling.

Read More

Bottom D

The Bottom-d block region, using the default block styling.

Read More

Bottom E

The Bottom-e block region, using the default block styling.

Read More

Bottom F

The Bottom-f block region, using the default block styling.

Read More