add other social media

Hello,

Follow the below documentation to add custom social icon –

For topbar and main menu social icon – https://docs.oceanwp.org/article/365-add-new-social-options-for-the-top-bar-and-the-social-menu

For ocean social share plugin – https://docs.oceanwp.org/article/335-add-remove-edit-the-social-sharing-links

thanks, we’ve made an attempt at it, but it looks like this: [redacted short url] (please leave link as such – I don’t want the full url exposed/searchable just yet).

that houzz icon is older, the new one is https://fontawesome.com/icons?d=gallery&q=houzz.

My developer says it is either not compatible or not working, something about ‘fab’.

Any idea why?

• This reply was modified 5 years, 10 months ago by Jan Dembowski.
• This reply was modified 5 years, 10 months ago by bcworkz.

@pranaman I’ve archived your reply. Do not use short links in these forums. If you do then they will be expanded when found.

Shortlinks have been abused in the past so do not use them in these forums.

The reason is, I don’t want the url to be searchable. Will the full url to be searchable to anyone if I include it here?

Regardless, a dev I am working with added:
<i class="fab fa-houzz"></i>, to show https://fontawesome.com/icons?d=gallery&q=houzz, however, it does not work right.

He said something about the ‘fab’ part not working.

Can OceanWP show that icon in the social menu?

• This reply was modified 5 years, 10 months ago by Jan Dembowski.
• This reply was modified 5 years, 10 months ago by Jan Dembowski.

The reason is, I don’t want the url to be searchable. Will the full url to be searchable to anyone if I include it here?

Yes, it will in your post here. Even so, do not use short links. They will be expanded when found for the reasons I already stated.

all right, I’ll skip the url. Here’s our issue. if we use, we’re getting “?” instead of the proper houzz icon.

Code:

	// Houzz icon
	$array['Houzz'] = array(
		'label' => 'Houzz',
		'icon_class' => 'fab fa-houzz',
	);

“?” shows instead of the houzz icon, with the other social media icons.

if we use

	// Houzz icon
	$array['Houzz'] = array(
		'label' => 'Houzz',
		'icon_class' => 'fa fa-houzz',
	);

note, we dropped the “b”: “fa fa-houzz”. With that, we get the older icon: fontawesome.com/v4.7.0/icon/houzz.

How can we get the new houzz icon to show?

We can’t update font-awesome at present otherwise it causes too many issues in the theme. Can you share a working link so that I can check it?

Hi Amit,
Sure, it’s https://dreamlifedesign.admaticonsulting.com/.

Have you enqueued the file for the latest font-awesome to make it work?

Not sure, I worked with someone and he got it working.