Custom Icons
This site supports vector icon fonts. This results in faster load times, more customizable designs, and easier editing. Icon fonts are loaded by "Class" Name. This is the name to the left of the icon (minus the period). In areas that support custom icons (such as the social media section), refer to this class name.
Icons In Wilberforce
There a several areas where you will find custom icon fonts. These custom icons can be replaced with other icons of your choice from the full list above.
Instruction to change the Home Page Featured Icons & Footer Social Icons are below.
Home Page Featured Icons
CONTENT > LINK LIST > Home - Featured Links
The four call to action buttons on the mk021 homepage have icons assigned to them. You can remove these icons or change them in your link list module.
Step 1
In the dashboard go to CONTENT > LINK LIST > Home - Featured Links
Step 2
In Options, click the pencil icon to edit the Featured Link
Step 3
In the description input you can either delete the icon text or update the icon with another icon listed above.
NOTE: DO NOT use a leading . (period) for the icon names
Footer Social Icons
CONTENT > LINK LIST > Footer Social Links
The three social media buttons in the mk021 footer that have icons assigned to them. You can remove these icons or change them in your link list module.
Step 1
In the dashboard go to CONTENT > LINK LIST > Footer Social Links
Step 2
In Options, click the pencil icon to edit the Social Link
Step 3
In the description input you can either delete the icon text or update the icon with another icon listed above.
NOTE: DO NOT use a leading . (period) for the icon names
Social Media Icons Available
Facebook: icon-facebook
Twitter: icon-twitter
Instagram: icon-instagram
Pinterest: icon-pinterest
Google +: icon-google__x2B