Houzz icon not showing on social menu in header

Sydney Pro
#1

I want to add Houzz Icon to the social navigation in the header but its not showing.

#2

Hi,

Thank you for reaching out to us. I am happy to help with your queries.

Unfortunately, Houzz is not part of the theme’s icons. But you can display it with custom CSS code. For example:

    .social-links a[href*="houzz.com"]::before {
      content: '';
      background-image: url('https://www.houzz.com/jpics/20210701154335/brand_icon_2.png'); 
      background-repeat: no-repeat; 
      background-size: contain;
      background-position: center center;
      padding: 15px;
    }

Relace https://www.houzz.com/jpics/20210701154335/brand_icon_2.png to your own icon image that you can get its link after uploading it to your media library (Dashboard > Media).

Add your CSS code to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis
aThemes Support

#3

Awewome! Thanks, Kharis.

#4

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support