Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • January 7, 2017 at 8:13 pm #730750
    hautkultur

    Hi,

    I uploaded a few social icons from fontello and I want to use them in my footer section. I can’t use the snapchat icon – it is not displayed.

    Have a look:
    http://bit.ly/2iPL9Hz

    I use that code snippet:

    function avia_add_custom_icon($icons) {
	$icons['icon-snapchat-ghost']	 = 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['Snapchat'] = 'icon-snapchat-ghost';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    Thanks for your help.

    Sam

    January 8, 2017 at 7:21 am #730805
    Rikard

    Hi Sam,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    January 8, 2017 at 5:37 pm #730879
    hautkultur

    see privat content

    January 9, 2017 at 6:00 am #730967
    Rikard

    Hi,

    Thanks for that, I’m not sure why it’s not displaying though. Could you try clearing the cache from your caching plugin to see if that helps please?

    Best regards,
    Rikard

    January 9, 2017 at 12:52 pm #731099
    hautkultur

    I did that already – no effect.
    Even when I deactivate the caching plugin (wp rocket) the icon is not showing up.

    Cheers!

    January 10, 2017 at 5:56 pm #731649
    Yigit

    Hi,

    I adjusted code in functions.php file a little. Please review your website now :)

    Best regards,
    Yigit

    January 10, 2017 at 6:45 pm #731675
    hautkultur

    Hi,

    thanx Yigit! I also use new Icons for Facebook and Instagram. Unfortunately I now have 3 Snapchat icons.. could you please have an other look?

    
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['icon-snapchat-ghost']	 = array( 'font' =>'fontello', 'icon' => 'uf2ac');
	$icons['icon-instagram']	 = array( 'font' =>'fontello', 'icon' => 'uf2ac');
	$icons['icon-facebook']	 = array( 'font' =>'fontello', 'icon' => 'uf2ac');
	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['Snapchat'] = 'icon-snapchat-ghost';
	$icons['Instagram New'] = 'icon-instagram';
	$icons['Facebook New'] = 'icon-facebook';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    I also increase the size of the icons with that snippet

    
#top .social_bookmarks li a {
	width: 55px;
	line-height: 32px;
	min-height: 50px;
	font-size: 35px;
}

#top .social_bookmarks li a {
width: 50px;
line-height: 32px;
min-height: 50px;
font-size: 30px;
}

#top .social_bookmarks li {
height: 100%;
width: 50px;
}

    But the hover effect isn’t good as you can see.

    Lastly I want to have a different color of the icons on all pages except the homepage (white). I their normal state they should be colored as their main color:
    Facebook in #3b5998
    Instagram in #8e24aa
    Snapchat in #000

    Is that possible?

    Thx ahead!

    January 11, 2017 at 10:22 am #731959
    hautkultur

    We have a lot of traffic on the page, so it would be good if you can fix the issue today :)

    January 11, 2017 at 10:43 pm #732355
    Yigit

    Hi!

    I adjusted the code in functions.php file once again. Please review your website now :)

    Edit: And added following code to Quick CSS field

    #header_main nav .social_bookmarks,#top .social_bookmarks li { height: 50px; }
#top #wrap_all .av-social-link-icon-facebook a { color: #3b5998; }
#top #wrap_all .av-social-link-icon-instagram a { color: #8e24aa; }
#top #wrap_all .av-social-link-icon-snapchat-ghost a { color: #000000; }
.home .social_bookmarks li a { color: #ffffff!important; }

    Cheers!
    Yigit

    • This reply was modified 7 years, 11 months ago by Yigit.
    January 11, 2017 at 11:09 pm #732364
    hautkultur

    Thx!
    Works :)

    • This reply was modified 7 years, 11 months ago by hautkultur.
    January 11, 2017 at 11:55 pm #732375
    hautkultur

    One last thing. I use that snippet the change the shrinking size of my header:

     if(st < el_height/1.5)
	                {
	                    newH = el_height - st;
	                    
	                    av_change_class(header, 'remove', 'header-scrolled');
	                    //header.removeClass('header-scrolled');
	                }
	                else
	                {
	                    newH = el_height/1.5;

    It worked, but when I scroll it is buggy. It goes back to height 2 for one sec.

    January 12, 2017 at 12:06 am #732383
    Yigit

    Hey!

    You applied the changes directly on the file, is that correct? Can you please post FTP logins here privately as well?

    Regards,
    Yigit

    January 12, 2017 at 12:10 am #732386
    hautkultur

    Sure.

    January 12, 2017 at 1:00 am #732402
    hautkultur

    And is it also possible to center the icons? See screen:

    http://www.bilder-upload.eu/show.php?file=4834be-1484175601.jpg

    Sorry for my perfectionism.. :)

    January 13, 2017 at 6:49 pm #733285
    hautkultur

    push! :)

    January 16, 2017 at 12:30 pm #734002
    hautkultur

    Would be great, if somebody could help me.

    Thx!

    January 16, 2017 at 10:51 pm #734380
    Nikko

    Hi,

    Try adding this css code in Quick CSS:

    #header_main nav .social_bookmarks {
    margin-top: -25px;
}

    Let us know if this helps :)

    Best regards,
    Nikko

    January 17, 2017 at 12:32 am #734403
    hautkultur

    Worked good! Thx :)

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Can't use fontello icons in footer’ is closed to new replies.