Social Icons Menu Personalized Icon

To get you started, give this a try:

/* Make original icon black to effectively hide it */
.social-links ul li.menu-item-76 a::before{
  color: #000000;
}

/* Add image as background to Newsletter item */
.social-links li.menu-item-76 a {
   background-image: url("https://images.g2crowd.com/uploads/product/image/social_landscape/social_landscape_1491234550/tinyletter.png");
   background-repeat: no-repeat;
   background-size: 50px 50px;
}

B) could the icon be edited to match the aesthetic of the other social media icons?

I’d suggest doing that in a graphics program. Make the icon smaller at the same time, for better results.

Thanks Kathryn!

Is there a way to make the original icon transparent instead of black? Unfortunately when I put the new logo in, there’s the online of the old black logo on top of the new one that obscures it.

JD

Sure, instead of

.social-links ul li.menu-item-76 a::before{
  color: #000000;
}

Try:

.social-links ul li.menu-item-76 a::before{
  color: transparent;
}