Create new/custom social media icon for Sydney- inaturalist

Dear support team, greetings from Colombia

This is my domain:
http://tyguamague.com/

I’ve being trying to realize ¿how i can “create” or customize a “new” social media icon linking the domain to the profile from the Ecopark’s biodiversity project running here:

Could be possible to (how???) add a new image, same size as other icons, at the social media widget ?

Thank you! for your attention, patience and time.

Hello there,

Add a new custom link to your social menu in the custom menu administration panel (Appearance > Menus). Enter http://naturalista.biodiversidad.co/projects/tygua-mague-eco-parque into the URL field. You can use any text for the navigation label.

To display the Naturalista image icon, use the below CSS code:


.social-menu-widget a[href*="naturalista"]:before {
  content: '';  
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-bottom: -10px;
  background-image: url('http://yoursite.com/path/to/your/naturalista-icon.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}  

Replace http://yoursite.com/path/to/your/naturalista-icon.png to the correct image URL. You’ll need to upload it to media library (Dashboard > Media > Add New).

To apply custom CSS code to your site, add it into Appearance > Customize > Additional CSS.

I hope this reply helps.

Regards,
Kharis

Dear Kharis,

YOU DID IT!!! :slight_smile:
works perfectly.

Best wishes! really!

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