To change the icon of your custom page you can do the following:
- navigate in the merchant panel to Configuration > Affiliate Panel > Menus&Screens > click Edit next to the desired custom page.
- Click the icon image of the custom page in the 'Header' section and choose the desired icon from the available set of icon images.
In case you wish to add your own icon image, then do the following:
- upload your desired .png image (48x48 pixels) to your server so that it is available online (via browser) from any part of the world
- navigate in the merchant panel to Configuration > Affiliate Panel > Menus&Screens > click Edit next to the desired custom page.
- in the 'Template' section click the pencil icon (edit) next to the desired (or own copy of) affiliate panel theme
- into the 'Content' box, where your custom HTML code can be found add to the very beginning this:
{literal}
<style>
.BigIcon img {
content:url("https://URL_TO_YOUR_OWN_IMAGE_FILE.png");
}
</style>
{/literal}
<style>
.BigIcon img {
content:url("https://URL_TO_YOUR_OWN_IMAGE_FILE.png");
}
</style>
{/literal}
NOTE: the URL_TO_YOUR_OWN_IMAGE_FILE must be the URL address by which your desired image file is available
NOTE2: The change above (adding your own icon image) would show your own image only inside the particular custom page and would not affect the image visible in the main menu of affiliate panel in case your custom page was available directly in the main menu (so it would not be a sub-menu item)
NOTE3: the 'content' css property works only in Google Chrome, Opera, and Safari so far. Mozilla Firefox and IE do not support it yet.