Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1364479

    Gretings, I found this code online to add google to my social media icons,

    function avia_add_custom_icon($icons) {
    	$icons['google']	 = array( 'font' =>'home', '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 added thos to make the icon white but it is not working. 
    
    

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

    Help please to make work. I need the social icon white in the header with a bright blue backgound circle.

    #1364558

    Hey chrisc121,

    Please send us a temporary WordPress 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

    #1364812

    Great, see private

    #1364857

    Hi chrisc121,

    Thanks for giving us admin access.
    I have replaced home to fontello in your code and it works properly.
    This is the whole code:

    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);

    Best regards,
    Nikko

    #1364957

    The icon is not showing up in my social header. I would like the icon to be be white. How do i do this?

    #1364966

    Hi,
    Please try clearing your browser cache , if using Safari, follow these steps and note step 4 where you will Clear the History.
    The Google Icon is showing for me:
    2022-09-13_001.jpg

    Best regards,
    Mike

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