Social Media Snippet

---

The Social Media Snippet is used to include icon links to your various social media platforms. The snippet uses Font Awesome Icons to create icon links. Each icon link will be displayed side-by-side, using either red, gray, or black text. Each row in the snippet table specifies a different social media icon.

 

Snippet Options

---

FA-SIZE

The size of the icons being displayed.

• SMALL
• MEDIUM
• LARGE
• X-LARGE
• XX-LARGE

 

FA-COLOR

The color of the icon links.

• RED
• GRAY
• BLACK

 

 

Snippet Columns

---

Link

This is where you place the link. DO NOT make it an actual link; type the URL as plain text. Links must start with http:// or https:// or use the dependency manager.

 URLs only, additional content will be removed.

 

Title Text

This is where you specify the text seen when the mouse hovers over the icon. This text may also be read by assitive technologies, such as screen readers, etc.

 Text Only, additional content will be removed.

 

Icon

The Font Awesome icon to be used as the link. Icons can be inserted using the Icons - Font Awesome Gadget. You can insert the icon into the WYSIWYG or copy the icon class names and paste them.

Snippet options will override any size and color selected using the gadget. Use snippet options to style the icons.

 Icons and icon class names only, any other content will be removed.

 

 

Centering the Snippet

To center this snippet's content on a page right-click the table, select table properties, and change the alignment to center.

Instructions

 

 

Examples

---

Example 1

This example uses the SMALL icon sizes, and RED text color.

 

 

 

Example 2

This example uses the MEDIUM icon sizes, and GRAY text color.

 

 

 

Example 3

This example uses the LARGE icon sizes, and BLACK text color.

 

 

 

Example 4

This example uses the X-LARGE icon sizes, and RED text color.

 

 

 

Example 5

This example uses the XX-LARGE icon sizes, and GRAY text color.

 

 

 

Example 6

This example uses the LARGE icon sizes, and BLACK text color. The snippet table's alignment property has also been set to Center; see Centering the Snippet, above.