Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 3, 2014 at 5:33 pm #362288
    designhousegroup

    Hello, I am trying to add the “Houzz” icon from fontello. It is part of the “Brandico” set and not “Entypo”. I upload the font file as instructed and added this code into to functions.php replacing the existing icon code for “Xing”

    ‘houzz’ => array( ‘font’ =>’fontello’, ‘icon’ => ‘ue801’),

    U+e801 is the code for Houzz

    However, I still see an icon of a pencil rather than the houzz icon. What am I doing wrong?
    Thanks for your help.

    December 4, 2014 at 12:44 am #362616
    Elliott

    Hi designhousegroup!

    Please see here, https://kriesi.at/support/topic/custom-social-bar-icons-replaceadd-enfold/#post-304134.

    What is the exact code your using in the functions.php file?

    Best regards,
    Elliott

    December 8, 2014 at 8:20 pm #364918
    designhousegroup

    Hello, sorry for the late reply. I never received an email of your reply. The exact cod is in my first comment. Your system won’t let me repeat it. I also tried using the code from the link you sent but it didn’t work. I think it needs modification for this icon but I’m not sure how.

    December 9, 2014 at 6:23 am #365182
    Ismael

    Hey!

    You mean, you already added the code before? Can you please post the code on pastebin.com? 

    add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
function avia_add_custom_icon($icons)
{
$icons['houzz']	 = array( 'font' =>'fontello', 'icon' => 'ue801');
// Add new icon here
return $icons;
}

add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
function avia_add_custom_social_icon($icons)
{
$icons['Houzz'] = 'houzz';
// Add new icon here
return $icons;
}

    I tested the code above on my installation and it works fine.

    Regards,
    Ismael

    December 9, 2014 at 4:52 pm #365419
    designhousegroup

    Maybe I didn’t put it in the right place. I just copied the code you just gave me. I added it at the end of the functions.php file. I also used the “Xing” icon code to replace with Houzz. I still don’t see the option in theme options or the Houzz icon. http://bella.staging.wpengine.com/ (hosted on WPengine)

    Here’s the entire functions.php as it is now. http://pastebin.com/FMFF8i4T

    December 10, 2014 at 9:24 pm #366239
    Josue

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    December 11, 2014 at 9:39 pm #366935
    designhousegroup
    This reply has been marked as private.
    December 12, 2014 at 7:42 pm #367453
    designhousegroup
    This reply has been marked as private.
    December 13, 2014 at 6:18 pm #367723
    Ismael

    Hey!

    Please check the site now: http://bell-la.com/

    Regards,
    Ismael

    December 17, 2014 at 12:28 am #369259
    designhousegroup

    Hi Ismael, thank you. It’s very close. However, the hover background color effect is missing. It should be green #89c541.

    See the other icons when you hover, the background changes color and the icon itself turns white.

    The footer contains icons too which are circular and also have a background effect.

    December 17, 2014 at 4:53 am #369326
    Ismael

    Hey!

    Use this on Quick CSS to add the hover effect:

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

    Regards,
    Ismael

    December 17, 2014 at 7:36 pm #369687
    designhousegroup

    Perfect! Thanks so much.

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Add a new social icon with fontello’ is closed to new replies.