Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1288987

    Hi,
    I would like to change hover background color for the social profile icons in the top bar and add another icon.
    The icon I would like to add is already uploaded – it’s Font: entypo-fontello charcode: \ue842
    Please help ;)

    #1289458

    Hey Andreas,

    Here are the docs for you:

    Do you want the same color on hover for all icons?

    Best regards,
    Victoria

    #1298598

    Hm…cant figure it out.
    I want to be able to use the ue842 from the entypo-fontello already installed in the social profile icons (like now, there´s an email icon).

    It seems I have to use this css, but not sure what to change…

    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    $icons[‘icon_name’] = array( ‘font’ =>’fontello’, ‘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[‘Icon Label’] = ‘icon_name’;
    return $icons;
    }
    add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

    #1298793

    Hi,

    Please use the code as following

    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    $icons['icon_name'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue842');
    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['Icon Label'] = 'icon_name';
    return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    If that does not help, please create temporary admin logins and post them here privately so we can look into it :)

    Best regards,
    Yigit

    #1298801

    That helped – thanks ;)
    Where do I change the name Icon_name on hover?

    #1298803

    Hi!

    Please find “icon_name” in the code and update it as needed :)

    Best regards,
    Yigit

    #1298807

    Both places?

    #1298809

    Hey,

    Yes, both of them need to match. Please update “Icon Label” as well. Example below
    “icon_name” = “linkedin”
    “Icon Label” = “LinkedIn”

    Edit:

    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    $icons['linkedin'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue842');
    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['LinkedIn'] = 'linkedin';
    return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    Regards,
    Yigit

    • This reply was modified 3 years, 1 month ago by Yigit.
    #1301586

    if I aslo want to add ue854 how do I do that?

    #1301587

    Hi,

    Then you would use the code as following

    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    $icons['linkedin'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue842');
    $icons['othericon'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue854');
    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['LinkedIn'] = 'linkedin';
    $icons['OtherIcon'] = 'othericon';
    return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    New lines for each icon basically :)

    Best regards,
    Yigit

    #1301603

    Great thanks ;)

    And if I dont want any background color on hover?

    Nevermind – I found it.

    Thanks for great support ;)

    #1301621

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Social profile icons’ is closed to new replies.