- First you’ll need to add columns. The Column block can be found under ‘layout elements’ or by searching.
- Add 2-4 columns using the settings on the right side of the editor.
- Add the ‘Icon Call to Action’ block by pressing the ‘+’ button inside each column.
- 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> - Add a short heading, description, Link Title, and Link URL.
Creating the Block
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: