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

    Hello!
    I read the guide to add icons to my top header.
    The CSS has been modified correctly, but I don’t see icons.

    Could you help me? har for weeks that I try it but doesn’t works

    Thank you

    Elisa

    #724398

    Hey Elisa,

    Can you please elaborate on the issue? Icons show up fine on my end.
    Also, please see – http://kriesi.at/documentation/enfold/custom-social-icons/

    Best regards,
    Yigit

    #724400

    I add a “call us” Icon but It isn’t shown

    #725458

    Hi,

    Where did you apply the changes? I cannot see the code ( http://kriesi.at/documentation/enfold/custom-social-icons/ ) in functions.php file. I can only see custom CSS however you would need the function in functions.php file as well

    Best regards,
    Yigit

    #725461

    I request an help only for that, I add code in function.php and custom css but I don’t see this icon. I’m wrong in something but don’t know where!

    // Add new icon as an option for social icons
    function avia_add_custom_social_icon($icons) {
    $icons[‘Facebook’] = ‘facebook’;
    $icons[‘Google Plus’] = ‘gplus’;
    $icons[‘Twitter’] = ‘twitter’;
    $icons[‘Instagram’] = ‘instagram’;
    $icons[‘You Tube’] = ‘youtube’;
    $icons[‘Skype’] = ‘skype’;
    $icons[‘Italia’] = ‘italia’;
    $icons[‘Uk’] = ‘uk’;
    $icons[‘Call’] = ‘call’;
    $icons[‘Mail’] = ‘mail’;
    return $icons;
    }
    add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

    And in the custom css there’s this code for all the icon I added

    #top #wrap_all .av-social-link-kriesi a:before{
    content: “”;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(……..) no-repeat center center;
    background-size: contain;
    }

    #726933

    Hi,

    Sorry for the late reply, are you ok with what you wanted to achieve or do you still need help? If you still need help then please try to explain the problem a bit further and post screenshots highlighting the issues you are having.

    Best regards,
    Rikard

    #726964

    Sorry for my bad english, I know is difficult to understand what I write.
    I have to add in the top bar a phone/call icon linked to a linkable number of customer care of this site biesseracing.com
    Enfold does not have phone icon, so I followed the tutorial guide http://kriesi.at/documentation/enfold/custom-social-icons/.

    I added two kind if code:
    in function.php —> function avia_add_custom_social_icon($icons)
    { $icons[‘Call’] = ‘call’;
    return $icons;
    }
    add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

    in Option Theme-> custom code –>

    #top #wrap_all .av-social-link-call a:before{
    content: “”;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(…url of the icon image…..) no-repeat center center;
    background-size: contain;
    }

    After doing this, I move in the admin panel of theme and I would add “call” icon but there isn’t.
    I would like to understand where I’m wrong and why I cannot see this icon.

    #728261

    Hi,

    at first you need to do this: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Then you can see the shortcodes which are generated when creating any elements. So if you add an icon element using ALB, then you’ll see this shortcode:

    [av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color=''][/av_font_icon] 

    which you can use inside your header element (Numero di telefono o piccolo testo informativo).

    Hope this makes things clear.

    Best regards,
    Andy

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