vortibuyer.blogg.se

#HOUZZ LOGO SOCIAL HOW TO#

If you’re not comfortable adding code to your theme’s functions.php AND you’re using a child theme for the Genesis Framework, you can add this custom code via the Genesis Extender plugin. Since his post, Houzz has rebranded, so here’s an SVG of the new logo: 🙂 A big hat tip goes to Nathan Swartz for providing the original Houzz SVG on his website. So, where do you get an SVG of the Houzz logo? Right here. Since the SSI plugin enables you to adjust the background color, icon color, hover color, and size of its icons, SVGs are perfect. Unlike other image formats, SVGs are rendered by the browser dynamically (vs simply being displayed by the browser “as is”). The Simple Social Icons (SSI) plugin uses Scalable Vector Graphics (SVGs) to render its icons.

Add a Houzz Icon to Simple Social Icons Step 1: Get an SVG Houzz icon If you need a refresher, here’s the proper way to edit a WordPress site.

Simple Social Icons plugin installed and activated on your website (free from )īefore we get started, note that it’s best if you’re on a local development site or a staging site.

To follow the steps in this tutorial you’ll need: If you accidentally click on one and buy something, I instantly become independently wealthy and will retire (though I promise to keep writing tutorials in my retirement. Warning: There are affiliate links in the post. For this example I’ll be adding an icon for Houzz, a website dedicated to home renovation and design.

I’m popping in today with a quick tutorial on how to add a custom icon to the Simple Social Icons plugin.

#HOUZZ LOGO SOCIAL HOW TO#