Color Blocks


This component is designed to be used in the main content area of two column templates. The purpose is to call attention to key links within the section to meet the needs of visitors. It is important that these links remain within the section where the color blocks appear.

The component is flexible enough to house two blocks or three blocks.

Adding and Editing

  1. At the bottom of the content block editor, select the HTML option
  2. Copy and paste the code template below into the editor
    <div class="callout-blocks">
        <li><a href="#">Block 1</a></li>
        <li><a href="#">Block 2</a></li>
        <li><a href="#">Block 3</a></li>
  3. Click the Design option to switch back to the Design editor
  4. Replace/remove the content as necessary
  5. To change/apply a link, right click on the titles and click the link properties


Section Navigation
Support the next generation of Claflin Leaders
Your support provides educational enrichment through student scholarships, loan funds, instructional classroom equipment, preparing Claflin's students to be leaders of the future.