Add an icon as a social network link

Hi,

Indeed, the theme supports social icons from Genericons project only.

To set up a custom icon, try this custom CSS:

.social-links a[href*="codepen.io"]:before,
.social-links .codepen a:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-left: .62em;
  background-image: url('URL_TO_YOUR_ICON');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
}

Regards,

Oliver

Hi Oliver,

I tried out what you suggested, but it didn’t work.
Here is the link to my website:
https://www.jaja-berlintours.de

Thanks a lot.

Hi,

Sorry, you need to replace the codepen.io with tripadvisor.de in the code above. You can actually remove the .social-links .codepen a:before part from there too.

Regards,

Oliver