Support » Theme: Auberge » Add an icon as a social network link

  • Resolved Metapher

    (@metapher)



    Hello,

    I’d like to add a social network icon from TripAdvisor. Unfortunatly that icon isn’t supported. It would be perfect if I could insert an icon as a png file my self.
    Is that possible, some how?

    Thanks, so far.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    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

    Metapher

    (@metapher)

    Hi Oliver,

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

    Thanks a lot.

    Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add an icon as a social network link’ is closed to new replies.