Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1354879

    Hi,

    I added the code bellow to my functions.php to add a google icon on my social settings. The icon is not showing in the header. The rollover is present but no icon.

    <?php
    
    /*
    * Add your own functions here. You can also copy some of the theme functions into this file. 
    * WordPress will use those functions instead of the original functions then.
    */
    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    	$icons['google']	 = array( 'font' =>'fontello', 'icon' => 'uf1a0');
    	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['google'] = 'google';
    	return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    I also added this css

    /* google Icon Style*/
    #top #wrap_all .av-social-link-google:hover a {
        background-color: #4688F1 !important;
        color: white !important;
    }
    #1354982

    Hey rootbranch,
    Thank you for your patience, I don’t think that your icon code is correct “uf1a0” because your page source code doesn’t have a “data-av_icon” for that one, please include an admin login in the Private Content area so we can examine the icon zip file that you uploaded and adjust the function, did you download the file from fontello?

    Best regards,
    Mike

    #1355080

    Hi Mike,

    I think the code is correct. I double checked the fontello code as well as my uploaded icons.

    In private is a link to the icons i uploaded. As you see there are 2 google icons was from a font family and one was custom – neither of them are showing up. The second image in private is of the icons uploaded as you see those 2 google icons are white and the icons are not showing.

    I included a login in private.

    #1355112

    Hi,
    Thanks for the login, the font family for this icon is “home”, I corrected and now your google icon shows.
    please clear your browser cache and check.

    Best regards,
    Mike

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