Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #684198

    Hello!

    I need to add an icon to access a private area on the website.
    This Icon should be placed next to the social icons: thus I want to use Header Social Icons to set the icon and the Social media porfiles to set the URL.
    Unfortunately the social media icons are only “social media related”. How can I add a special icon showing a lock?

    Thank you in advance

    #684200

    Hi CinetixGroup!

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

    Cheers!
    Yigit

    #685154

    Hi!

    Thank you for your quick reply!

    I added the font and checked it is present.
    Then i added the code in the Quick CSS section (general Enfold settings), but i don’t know where to find the “icon code” to replace the ue800 code.

    Thank you in advance for your help.

    Best regards,

    #685158

    Hey!

    Please edit one page and add Icon element under Content Elements tab of Advanced Layout Builder and then edit the element and find your icon and hover on it and charcode will popup. You can replace ue800 with that code. If you need assistance, please create a temporary admin login and post it here privately.

    Regards,
    Yigit

    #685610

    Hi!

    Really sorry for bgging you, I’m not a really expert user.

    I did as you told me:

    Here’s my quick code CSS:
    The firts (one of my friend wrote it for me) is to diaply special 404 page.

    Teh second part si the one you gave me.

    Now, the ame of the font is Fontello, the number of the icon is that on (I tried even with the \uf13e).

    But nothing works. After a refresh, the social media icons shows me only the old and no traces of the fontello icon that i want.

    ——————————————————————————————-

    .search h3, .search .widget.avia_combo_widget {
    display: none !important;
    }

    .error404 .avia_combo_widget, .error404 h3 {
    display: none!important;
    }

    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    $icons[‘icon_name’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘uf13e’);
    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);

    #685685

    Hi,

    Where did you add this code? Following one should be in Functions.php file in Appearance > Editor

    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    $icons['icon_name']	= array( 'font' =>'fontello', 'icon' => 'uf13e');
    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);

    and following should go to Quick CSS in Enfold theme options > General Styling

    .search h3, .search .widget.avia_combo_widget {
    display: none !important;
    }
    
    .error404 .avia_combo_widget, .error404 h3 {
    display: none!important;
    }

    If you would like us to look into it, please create a temporary admin login and post it here privately.

    Best regards,
    Yigit

    #685763

    Done, but it does not work, really sorry.
    Here in provate are the login data

    #686402

    Hi,

    I added the code to functions.php file. Please review your website now

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.