Adding Angel List social icon

[entropicstudio]

A client has asked us to add a social media icon to the header that’s not in the list of social media sites in the Dante theme options. I’m attempting to figure out what the best way to do this would be. Thanks in advance for your help. The social media site is http://angel.co

[Mohammad – SUPPORT]

Hi,
Do you have angel icon image?
Thanks
Mohammad

[entropicstudio]

Hi Mohammad.

Here you go. Thanks.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please follow given below instructions.

Open to edit shortcodes.php file at /dante/swift-framework/
Find this code:-
$output = '<ul class="social-icons '.$size.' '.$style.'">'."\n";

Change with:-
$social_icons .= '<li class="angel"><a href="Link_angel" target="_blank"><img src="16x16_icon_url" alt="angel" /></a></li>'."\n";
$output = '<ul class="social-icons '.$size.' '.$style.'">'."\n";

You need to change Link_angel with your profile link and 16x16_icon_url with 16×16 wide icon image url.

Thanks
Mohammad

[entropicstudio]

Hi Mohammad.

I’m assuming I’ll need to make a 16×16 icon. Should that be a transparent PNG? What color should I use?

Thanks.

[entropicstudio]

It’s not working. Position is wrong and it doesn’t flip like the others.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
We can adjust alignment issue but it will not look like others. Because We are using font icons.
Thanks
MOhammad

[entropicstudio]

What if I convert the art to a font character? Can you make it work then?

[Mohammad – SUPPORT]

Hi,
I am not able make it.
Thanks
Mohammad