Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #533775

    Hi, I was able to add the Houzz icon to the header but I’m not able to get it to display in the footer. Is there additional coding I need to add to make that happen? Thank you!!

    http://www.cgi-construction.com

    #534131

    Hey sjahan!

    you could try to use icon’s shortcode or icon’s html into your footer widget.

    Your website is not loading for me.

    Best regards,
    Andy

    #534266

    Hi Andy,

    So the way it’s set up is that the social profiles show up in the footer via the Footer/Social Profiles setting under the Enfold Theme Options. I didn’t write any code for that or manually enter it. I tried the link and login info that I sent you and the site is loading fine…so I’m not sure what’s going on with that…I’ve re-attached the login credentials in the private section of this message

    #534608

    Hi!

    Did you any more modifications other the social icon? I tested the same code on my installation and it works as expected. Please try to update the theme to the latest version, 3.4.1. Theme version in your installation is 3.2.

    Best regards,
    Ismael

    #535017

    The problem I have with updating the theme is that it states that I will lose all customizations if I do so. Is that really true?? I’ve never had a theme update wipeout customizations I’ve done so I’m not sure if the popup is misleading or not. I do have some custom CSS in there, but I don’t believe I have anything else. To be honest though I’m not 100% sure because it was a while ago that I worked on this site…

    #535252

    Hi,

    It all depends on where you put your customisations? If you have them in any of the core files they will be overwritten on updates yes. All theme updates work this way so it’s no different from any other theme.

    Thanks,
    Rikard

    #536017

    So I went ahead and updated the theme and uploaded the Houzz and Yelp icons via the Enfold Theme Options–>Import/Export page. What code do I need to put in to register the 2 new icons so that they show up under the Social Profiles under Theme Options?

    #537089

    Hey!

    Try this:

    / Add new icon as an option for social icons
    function avia_add_custom_social_icon($icons) {
    	$icons['Houzz'] = 'houzz';
             $icons['NewIcon'] = 'newicon';
    	return $icons;
    }
    
    // Register new icon as a theme icon\
    function avia_add_custom_icon($icons) {
    	$icons['houzz']	 = array( 'font' =>'fontello', 'icon' => 'ue800');
    	$icons['newicon']	 = array( 'font' =>'newicon', 'icon' => 'ue801');
    	return $icons;
    }
    add_filter('avf_default_icons','avia_add_custom_icon', 50, 1);

    Adjust the values.

    Cheers!
    Ismael

    #537688

    Hi Ismael, that didn’t work. And it actually made my entire website crash because of invalid coding…

    Is there any way you’d be able to just login and set it up for me? I’ve attached the login credentials below in the private section. I’d really appreciate it!!

    #539451

    Hey!

    Check it now, Houzz icon should now appear in the header, here’s the code if someone else needs it:

    // Add new icon as an option for social icons
    function avia_add_custom_social_icon($icons) {
    	$icons['Houzz'] = 'houzz';
    	return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
    
    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    	$icons['houzz']	 = array( 'font' =>'houzz', 'icon' => 'ue801');
    	return $icons;
    }
    add_filter('avf_default_icons','avia_add_custom_icon', 50, 1);

    If you don’t have a child theme you’d need to rely on Functionality.

    Cheers!
    Josue

    #541921

    Thanks Josue, looks great! I do have a problem though. I copied the same code you typed in but changed Houzz to Yelp everywhere and also changed the ue801 to ue800, but the moment I did that not only did the Yelp icon not show up despite it being imported from Fontello and showing up in my icon list for pages. But it also deactivated the Houzz icon in my social profiles section under theme options.

    How can I add multiple icons and have them all show up in the social profiles? Thank you in advance!!

    #541956

    Hey!

    Should be as follows:

    
    
    // Add new icon as an option for social icons
    function avia_add_custom_social_icon($icons) {
    	$icons['Yelp'] = 'yelp';
    	$icons['Houzz'] = 'houzz';
    	return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
    
    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    	$icons['yelp']	 = array( 'font' =>'yelp', 'icon' => 'ue800');
    	$icons['houzz']	 = array( 'font' =>'houzz', 'icon' => 'ue801');
    	return $icons;
    }
    add_filter('avf_default_icons','avia_add_custom_icon', 50, 1);

    It’s already applied on your site.

    Regards,
    Josue

    #542684

    Thank you. So it’s partially fixed now. These are the problems:

    1. Header-there is no highlight when you hover over the icon
    2. Footer-there is no highlight when you hover over the icon
    3. Footer-Google+ icon only displays hover color, not the actual icon

    Thank you so much for your help!

    Shab

    #544882

    Hey!

    Use the following CSS:

    #top #wrap_all .av-social-link-houzz:hover a{
        color:#fff; background-color:#de5a49; 
    }
    
    #top #wrap_all .av-social-link-yelp:hover a{
        color:#fff; background-color:#de5a49; 
    }

    Best regards,
    Josue

    #555255

    Was not able to add a config file

    that is the error I get? I downloaded a zip file here: http://fontello.com/

    added this to the functions.php:
    // Add new icon as an option for social icons
    function avia_add_custom_social_icon($icons) {
    $icons[‘Houzz’] = ‘houzz’;
    return $icons;
    }
    add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    $icons[‘houzz’] = array( ‘font’ =>’houzz’, ‘icon’ => ‘ue801’);
    return $icons;
    }
    add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 50, 1);

    And then I went to the import/export to import the entire zip file I got from fontello and I get that error…that a config file can’t be created.

    What am I missing? :(

    #555275

    Hi @brendasarg!

    Can you please create a new thread including an Administrator access in the private content field.

    Best regards,
    Josue

    #555280

    you bet. done!

    • This reply was modified 8 years, 11 months ago by BrendaSarg.
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Houzz Icon’ is closed to new replies.