Tagged: icon, social profile
-
AuthorPosts
-
November 28, 2016 at 9:47 pm #717985
I am trying to have the Slack- slack.com icon (it looks like a hashtag- ‘#’) on the social profiles so it appears on the very top of the mobile view and top right in desktop view. Please advise how I can have this icon at the top so the word ‘slack’ appears like it does for other social profile icons.
Thank you again for all your help!
November 28, 2016 at 10:23 pm #718010Hi!
Please refer to this post – http://kriesi.at/documentation/enfold/custom-social-icons/ :)
Cheers!
YigitDecember 3, 2016 at 12:59 am #719967Thanks Yigit, that worked great EXCEPT the icon is not the Slack icon but rather the pencil icon. I have the following php:
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons[‘slack_icon’] = array( ‘font’ =>’slack_icon’, ‘icon’ => ‘ue800’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons[‘slack_icon’] = ‘slack-icon’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);Pelase advise.
Thank you!
December 5, 2016 at 4:08 pm #720511Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
YigitDecember 5, 2016 at 5:26 pm #720555Please see below.
Thank you!
December 5, 2016 at 5:44 pm #720565Hi!
Editor is missing under Appearance tab. Can you please post FTP logins here privately as well so we can edit functions.php file?
Best regards,
YigitDecember 7, 2016 at 5:21 pm #721593Hi Yigit, My apologies, I thought I had already sent you this.
Please see belowDecember 7, 2016 at 5:44 pm #721608Hi!
I am gettig “Connection timed out or server hung up. The server you are connecting to may be configured to limit the number of connections you are allowed to make.” error when i try to connect to your server :/
Regards,
YigitDecember 7, 2016 at 6:44 pm #721648I signed off of FTP. Please try again and let me know if you can access.
December 7, 2016 at 7:04 pm #721658Hi!
No, i still get the same error unfortunately. Can you please post the content of your functions.php file here using – pastebin.com? We can then make the corrections and send you back and you can overwrite the file via FTP.
Best regards,
YigitDecember 8, 2016 at 4:29 pm #722052please see below
December 8, 2016 at 4:35 pm #722055December 9, 2016 at 7:13 pm #722578Thanks Yigit, I updated the code however it still appears incorrect.
The icon code appears to be the culprit.. Please advise.
Thank you!
December 13, 2016 at 9:02 am #723599Hey!
Please look for this line in the functions.php file:
$icons['slack_icon'] = array( 'font' =>'slack_icon', 'icon' => 'uf198');
Adjust the value of the “font” by replacing the “underscore” symbol with a “hyphen”.
$icons['slack_icon'] = array( 'font' =>'slack-icon', 'icon' => 'uf198');
You have to do this because the font set’s name is “slack-icon”, not “slack_icon”.
Regards,
IsmaelDecember 13, 2016 at 5:47 pm #723882Thank you Ismael,
That worked however I had the icon labeled “slack-icon” which had text appear that way when you hovered over the icon so I needed to change that. I uploaded the Fontello zipfile again but named it “slack” (instead of “slack-icon” and updated the php file as shown replacing the ‘slack-icon’ reference (appears 4 times) to ‘slack’:
http://pastebin.com/cer14L21The icon now appears as a square. Please advise what may now be wrong with the php code?
December 13, 2016 at 10:09 pm #724004Update:
I reverted the php file back to what worked:
http://pastebin.com/bkG3eyMZ
however the slack icon only appears correct in Chrome however it appears as a rectangular box in Mozilla, Internet Explorer and on iOS mobile (image below):Please help =/
December 13, 2016 at 10:14 pm #724008Hey!
Please go to files you see in the screenshot below and change the permissions
Best regards,
YigitDecember 15, 2016 at 9:18 pm #725012Thanks Yigit, that worked great now. For future troubleshooting, where do you see this error message within WP?
Thanks again for everyone’s help with this
December 15, 2016 at 10:50 pm #725053Hi,
You see it on console tab of your browser. You can find more information here – https://developer.chrome.com/devtools (I stick with Chrome but other browsers have this feature as well :) )
Glad it worked! Let us know if you have any other questions or issues!
Best regards,
Yigit -
AuthorPosts
- The topic ‘Social Profile Icon’ is closed to new replies.