Utah Tech Custom Blocks

Icon Call to Action

Creating the Block

  1. First you’ll need to add columns. The Column block can be found under ‘layout elements’ or by searching.
  2. Add 2-4 columns using the settings on the right side of the editor.
  3. Add the ‘Icon Call to Action’ block by pressing the ‘+’ button inside each column.
  4. Browse icons from either FontAwesome (free icons) or our EKR/DSU Custom Icons for a relevant icon, then copy the HTML that looks similar to:
    <i class=”fab fa-accessible-icon”></i>
  5. Add a short heading, description, Link Title, and Link URL.

Tips & Good practices

  • If you want to add another row, you’ll need to repeat the process again; add the column block, select the number of columns, and add Icon CTA blocks into each column.
  • If you add a link that leaves utahtech.edu, goes to the catalog, or directs the user to a file, make the link opens in a new tab.

Bad Practices

  • Do not add an ‘Icon Call to Action’ that is not inside a 2-4 column block.

Take a look at some sites that are using this block correctly: