Icon List

Take a simple bulleted list and change it to an icon list

  1. Place the icon-list class on the "block"
  2. Create list, Then at the beginning of each paragraph, insert a font awesome icon (size is auto)

Tips: Use TEXT colors to change color due to different backgrounds. (use at the block level)

** Change Icon ** Cut the text to clipboard, remove and add a new icon. Then paste the text back. Doesn't work if text is near it.

See Icon colors below.

Icons

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Scott Riggle dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur

Colors

Use these to change all the icons at once. You could always use font awesome setting to change colors individually.

 icon-color-black

 icon-color-gt-black

 icon-color-buzz

 icon-color-buzz-gold

 icon-color-gt-navy

 icon-color-blue

 icon-color-msa-grey

 icon-color-gt-warm-grey

 icon-color-gt-drk-gold

 icon-color-gt-gold

 icon-color-gold

 icon-color-gt-horizon

 icon-color-red

 icon-color-blue2

 icon-color-gt-warm-grey-light

 icon-color-bronze

 icon-color-silver

 icon-color-gt-tech-gold

 icon-color-gt-navy-blue

 icon-color-gt-tech-medium-gold

 icon-color-gt-tech-dark-gold

 icon-color-gt-gray-matter

 icon-color-gt-pi-mile

 icon-color-gt-diploma

 icon-color-gt-buzz-gold

 icon-color-gt-impact-purple

 icon-color-gt-electric-blue

 icon-color-gt-rat-cap

 icon-color-gt-bold-blue

 icon-color-gt-canopy-lime

 icon-color-gt-new-horizon

 icon-color-gt-olympic-teal

 icon-color-gt-bright-purple

 icon-color-gt-bright-electric

 icon-color-gt-bright-buzz

 icon-color-gt-bright-blue

 icon-color-gt-bright-canopy

 icon-color-gt-bright-horizon

 icon-color-gt-dark-gray

 icon-color-gt-success

Sizes

<i class="fa-solid fa-camera fa-1x"></i>
<i class="fa-solid fa-camera fa-2x"></i>
<i class="fa-solid fa-camera fa-3x"></i>
<i class="fa-solid fa-camera fa-4x"></i>
<i class="fa-solid fa-camera fa-5x"></i>
<i class="fa-solid fa-camera fa-6x"></i>
<i class="fa-solid fa-camera fa-7x"></i>
<i class="fa-solid fa-camera fa-8x"></i>
<i class="fa-solid fa-camera fa-9x"></i>
<i class="fa-solid fa-camera fa-10x"></i>