Block Styles

There are several blocks that allow you to design and change the display properties of a block.

Blocks with Block Styles: Text Block, Hero Unit, Expandable Block, Events Block, Content Sequence, Content List Block, Content Grid, Content Row, Collection Grid, Image Gallery, People List, Slider block,

Apply Custom Settings

1. Click on the Styles tab.
2. Icon Settings: option to add an icon to the block title and configure the position, color, and size.
   1. Icon: Use the search feature to locate the icon you would like to use. See some examples of the icons on Web Central Demo site or visit the Fontawesome Icons site.
   2. Position: default, offset, top
   3. Color: gray, gold, blue, green, orange, purple, red, yellow
   4. Size: default, increase
3. Block Heading: Use this setting to put your content in the proper reading hierarchy first. Always make sure the page content is structured properly for accessibility. Then you may change the font size of the title for emphasis.
   1. Heading: Select the proper reading hierarchy (H2, H3, H4)
   2. Alignment: default, centered
   3. Style: default, Hero, Hero Bold, Supersize, Supersize Bold
4. Block Style: option to add a colored background, outline or underline style.
   1. Background style: white, gray, dark gray, tan, light blue, medium blue, dark blue, light green, brick, outline, underline
5. Block Typography: option to scale the font size on the title and content in a block.
   1. Title Font Scale: default, increase, decrease
   2. Content Font Scale: default, increase, decrease
6. Click Save.