The Top-a region, using the default block styling.
The Top-b region, using the default block styling.
The Top-c region, using the default block styling.
The Top-d region, using the default block styling.
The Top-e region, using the default block styling.
The Top-f region, using the default block styling.
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.
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.
This is the Showcase-a block region, which is using the default block styling.
This is the Showcase-b block region, which is using the default block styling.
This is the Showcase-c block region, which is using the default block styling.
This is the Showcase-d block region, which is using the default block styling.
This is the Feature-a block region, using the default block styling.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is the Feature-b block region, using the default block styling.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is the Feature-c block region, using the default block styling.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is the Feature-d block region, using the default block styling.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is the MainTop-a block region, using the default block styling.
This is the MainTop-b block region, using the default block styling.
This is the MainTop-c block region, using the default block styling.
This is the MainTop-d block region, using the default block styling.
This is the Content-Top block region, using the default block suffix.
This is the Content-Top block region, using the default block suffix.
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.
Enter any available suffixes at Blocks → Block → Block Class Suffix
There are 4 standard suffixes: icon1, icon2, icon3 & icon4; applicable to the maintop, mainbottom, content-top, content-bottom, footer and sidebar regions.
This is the Content-Bottom block region, using the default block suffix.
This is the Content-Bottom block region, using the default block suffix.
This is the MainBottom-a block region, using the default block styling.
This is the MainBottom-b block region, using the default block styling.
This is the MainBottom-c block region, using the default block styling.
This is the MainBottom-d block region, using the default block styling.
The Bottom-a block region, using the default block styling.
The Bottom-b block region, using the default block styling.
The Bottom-c block region, using the default block styling.
The Bottom-d block region, using the default block styling.
The Bottom-e block region, using the default block styling.
The Bottom-f block region, using the default block styling.
The Copyright block region, using the default block stylling.
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.