-
Posts
-
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!
Hi!
Please refer to this post – http://kriesi.at/documentation/enfold/custom-social-icons/ :)
Cheers!
YigitThanks 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!
Hi,
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,
YigitHi!
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,
YigitHi!
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,
YigitHi!
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,
YigitThanks Yigit, I updated the code however it still appears incorrect.
The icon code appears to be the culprit.. Please advise.
Thank you!
Hey!
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,
IsmaelThank 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?
Update:
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 =/
Hey!
Please go to files you see in the screenshot below and change the permissions
Best regards,
YigitThanks 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
Hi,
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
- The topic ‘Social Profile Icon’ is closed to new replies.