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.

Home Page Featured Icons

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 2

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
Step 3

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.

Footer Social Icons

Step 1

In the dashboard go to CONTENT > LINK LIST > Footer Social Links

Step 1

Step 2

In Options, click the pencil icon to edit the Social Link

Step 2

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
Step 3

Social Media Icons Available

Facebook: icon-facebook

Twitter: icon-twitter

Instagram: icon-instagram

Pinterest:  icon-pinterest

Google +: icon-google__x2B