-
AuthorPosts
-
December 13, 2016 at 12:22 pm #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
December 14, 2016 at 5:41 pm #724398Hey 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,
YigitDecember 14, 2016 at 5:44 pm #724400I add a “call us” Icon but It isn’t shown
December 16, 2016 at 5:20 pm #725458Hi,
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,
YigitDecember 16, 2016 at 5:27 pm #725461I 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;
}December 21, 2016 at 8:07 am #726933Hi,
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,
RikardDecember 21, 2016 at 10:36 am #726964Sorry 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.December 27, 2016 at 3:27 pm #728261Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.