Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #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!

    #718010

    Hi!

    Please refer to this post – http://kriesi.at/documentation/enfold/custom-social-icons/ :)

    Cheers!
    Yigit

    #719967

    Thanks 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!

    #720511

    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,
    Yigit

    #720555

    Please see below.

    Thank you!

    #720565

    Hi!

    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,
    Yigit

    #721593

    Hi Yigit, My apologies, I thought I had already sent you this.
    Please see below

    #721608

    Hi!

    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,
    Yigit

    #721648

    I signed off of FTP. Please try again and let me know if you can access.

    #721658

    Hi!

    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,
    Yigit

    #722052

    please see below

    #722055

    Hi!

    Please try using following code

    Regards,
    Yigit

    #722578

    Thanks Yigit, I updated the code however it still appears incorrect.

    The icon code appears to be the culprit.. Please advise.

    Thank you!

    #723599

    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,
    Ismael

    #723882

    Thank 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/cer14L21

    The icon now appears as a square. Please advise what may now be wrong with the php code?

    #724004

    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):

    View post on imgur.com

    Please help =/

    #724008

    Hey!

    Please go to files you see in the screenshot below and change the permissions

    Best regards,
    Yigit

    #725012

    Thanks 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

    #725053

    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

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Social Profile Icon’ is closed to new replies.