Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Updating fontawesome link to proper version

Used to make the Icon CTA row for the K18 theme.To learn how to create an Icon CTA Row, follow the steps listed below. 

Step-by-step guide

Follow these steps:

...

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".


Image Added


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

...

  • ".


Image Added


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.


Image Added

Image Removed

 


Info

Content by Label
showLabelsfalse
max5
spacesWSKB2
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel = "kb-how-to-article" and type = "page" and space = "WSKB2"
labelskb-how-to-article

...

Page properties
hiddentrue


Related issues