Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #1348033

    How can I add a “houzz” social media link to the Social Media Profiles section?



    i would do that with an image of houzz and a small snippet in child-theme functions.php:

    function avia_add_houzz_social_icon($icons) {
        $icons['Houzz'] = 'houzz';
        return $icons;
    add_filter('avf_social_icons_options','avia_add_houzz_social_icon', 10, 1);

    you find this new entry than on “social profiles” at the end of the list.
    for inserting now the new icon just place this to quick css:

    #top #wrap_all .av-social-link-houzz a:before{
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: top;
        background: url(/wp-content/uploads/path-to-houzz.svg) no-repeat center center;
        background-size: contain;
    #top #wrap_all .av-social-link-houzz:hover a {
      /***  optional ***/

    now the values depends on where you will show your social media icons



    : Please follow the instructions above to add a new icon to the social profiles panel.

    Thanks @Guenni!

    Best regards,

    This reply has been marked as private.

    Hi B,

    You can edit it in Appearance > Theme File Editor, make sure that the child theme is selected.
    Otherwise you can modify it via FTP or a File Manager plugin.

    Best regards,

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