This article explains how to manage icons for your mailings and website.
Social media icons
All social media icons will be automatically shown in the last column of your website footer after the social media urls are configured in your "Social links" field in Control Panel > Core.
Almost all known social media icons can be used. Just fill in the correct url, and the code will do the rest.
The default social media icons all feature a circle with the icon inside. Default and roll-over colors are automatically applied from the website css to reflect the rest of your website styling:
Upon request it is also possible to use a different icon set without the circles:
A truly custom icon-set can also be created by your design team. Peppered can help to convert the design into a usable .svg file, or your design team can create the .svg file. The file should contain all icons with their exact names but the design can be anything you want. We provide a template .svg file for you to download at the bottom of this article.
More information about the website footer can be found in the website footer article.
Social media icons in your mailing templates
These will be configured by one of our experts.
Story Types
Upload a png-file for each story type in your Story type module:
Genres & Tags
Icons can be added by using the font awesome 4 icon codes in the name of the genre, for example:
<i class="fa fa-tag" aria-hidden="true"></i> comedy will add a tag icon in front of the name "comedy".
Other Icons
Several website icons can be changed by uploading a new .svg file in the Dashboard > Core section. These icons include:
- avatar (My Account icon)
- cart (The Shoppin cart icon)
- search (Search icon)
- x (For closing search box, etc)
- empty list (When no items were found during search or a calendar filter)
Download the .svg file as a template for your own social icon designs on the website. Keep the names of the icons as provided in the file: