How do I add a new unicode for a social menu link?

I followed this link:

https://wptavern.com/how-to-add-font-awesome-icons-to-wordpress-menus

and added “fa fa-etsy” css class in my etsy custom link in the Social menu.

and now I see a plain E appearing in the menu along with another menu icon for etsy. What’s wrong?

Also, I have added this code in my style.css, referring to other icons’ code that already exists in the css:

.social-links ul a[href*='etsy']:before {
    content: '\f2d7';
}

This code was added by referring this:

https://fontawesome.io/icon/etsy/
Please help.

Thanks!

• This reply was modified 8 years ago by gs1711.

I followed this link:

https://wptavern.com/how-to-add-font-awesome-icons-to-wordpress-menus

and added fa fa-etsy in my etsy custom link in the Social menu.

and now I see a plain E appearing in the menu along with another menu icon for etsy. What’s wrong?

Please help.

Thanks!

Hi there,

I am trying to add Etsy icon along with the othet social media icons in my Social Links menu of the free version of Sela theme.

Sela uses a font set known as Genericons to display the social icons in your menu. From the full set of Genericons on the following site, you’ll see that an Etsy icon isn’t currently included:

https://genericons.com/

If you don’t wish to use one of the available Genericons then you’ll need to explicitly set the different font that you wish to use instead. Like so:

.social-links ul a[href*='etsy']:before {
    content: '\f2d7';
    font: 16px FontAwesome;
}

Some moderator said on this forum that it is not a good practice. How do I fix that now? I don’t even remember where all I made changes and my theme set up is almost done.

The moderator was right that it’s not good practice to edit your theme’s files directly.

Any changes you make there will be lost when it comes time to update and it’s important to be able to update for future security/bug fixes.

Did you only make changes to your theme’s CSS? If so, you could compare your edited file to the theme’s unedited style.css file then move over changes to a child theme or a custom CSS plugin.

I appreciate that that sounds like a lot of work but promise it’s very much worth the effort in the long run.

Hi,
Thanks a LOT. You have been great help. Really appreciate it. ??
Thanks again! I have implemented the custom CSS plugin. ??

Perfect! I’m so glad to hear that. ??

We’re right here if any other questions come up.

@siobhyb

Hi,
This is outside the scope of this topic but I desperately need help with woocommerce shipping. I have not received any help or guidance in the woocommerce support thread. Can you help me?

I have posted my question here 2 days ago:

https://www.ads-software.com/support/topic/how-do-i-set-up-this-type-of-shipping/

Absolutely any guidance or direction is greatly appreciated.
Thanks!

Hi @gs1711,

I checked in with someone on the WooCommerce support team and they mentioned it looked like you were using a third-party USPS plugin. If your question is related to that specific plugin, could you contact its developer directly?

If you have questions on WooCommerce itself then it’s best to contact the team directly here, as threads on the free forum aren’t guaranteed a response:

https://woocommerce.com/contact-us

Thanks!