This theme includes the Font Awesome iconic font, which you can use to add icons to content gadgets. You can change the color and size of the icons as you would any other text.
Available theme icons
|
|
|
|
|
|
|
|
|
Using icons in content
This is a heading Within these content gadgets,we have formatted text using different text styles. This heading, for example, uses the Page title style. | This is a headingLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rhoncus diam turpis. Aliquam pretium pretium lorem, at elementum lacus tempus ac. Praesent ut felis libero. Maecenas aliquet sodales justo, a varius felis dapibus a. Donec porta, arcu nec rhoncus vehicula, tortor mi malesuada diam, non porttitor erat metus sit amet turpis. Curabitur sit amet neque laoreet, venenatis mauris in, tempor quam. Vestibulum viverra pellentesque turpis, id porta nisl egestas ut. This is a heading Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rhoncus diam turpis. Aliquam pretium pretium lorem, at elementum lacus tempus ac. Praesent ut felis libero. Maecenas aliquet sodales justo, a varius felis dapibus a. Donec porta, arcu nec rhoncus vehicula, tortor mi malesuada diam, non porttitor erat metus sit amet turpis. Curabitur sit amet neque laoreet, venenatis mauris in, tempor quam. Vestibulum viverra pellentesque turpis, id porta nisl egestas ut. |
What is Wild Apricot?Wild Apricot is web-based software that automates and simplifies the management of your membership and your website. |
Placing icons in content gadgets:
Copy and paste method
Scroll up to the list of available screen icons then select the icon as you would select a text character. Now copy the icon (using keyboard shortcuts or by right clicking and select the Copy option) and paste it into your content gadget.
HTML method
Scroll up to the list of available screen icons then right click over the icon you want to use and select the Inspect element option (supported by most browsers) The Inspector window will appear with the font tag highlighted. Right click over the highlighted line and copy it. Now, start editing your content gadget, then click the HTML icon and paste the copied code where you want the icon to appear.