To learn how to create an Icon CTA Row, follow the steps listed below. 

Step-by-step guide

1. Navigate to the page where you would like to add the Icon CTA row. 

2. From the list of available content rows, select "Add Single Page - Icon CTA Row".



3. Fill out the required and desired fields (required fields have a red *). 

  • URL: The page or document you want this CTA Icon to go when clicked.
  • Link Text: The text that is shown bellow the icon. 
  • Icon: Go to https://fontawesome.com/v5/search to select the desired icon and copy its HTML code. Paste the code into the Icon field leaving only what is inside the double quotes, not including the quotes (e.g. fas fa-bars, fal fa-star).
  • Select an "Image Filter Color" to be applied to the Background Image, the options are: UCCS Gold, UCCS Black, Wash Out, and UCCS Blur.
  • Upload an image file to be used as the "Background Image". This image will be affected by the "Image Filter Color".



4. To add more CTA Icons click the "Add Single Page - CTA Icon" and repeat the process of filing out the fields.

5. Once you have finished filling out the fields, click the "Save" button to save your page. You have successfully created an Icon CTA Row. An example of an Icon CTA Row is displayed below.