Add a 500px.com Social Icon

Currently SmugMug does not have a way to enter a social icon / link to 500px.com. What we can do instead, is to add your 500px.com link into your "Custom" URL in the Social Settings, and then change the standard paperclip link icon into the 500px.com icon. To do that, add the following.

For standard 500px icon:

/* Change the custom link icon to the 500px */
.sm-fonticon-Link:before {
  content: '\E20A' !important;
}

For Circular 500px icon:

/* Change the custom link icon to the 500px */
.sm-fonticon-LinkCircle:before {
  content: '\E260' !important
}

For Square 500px icon:

/* Change the custom link icon to the 500px */
.sm-fonticon-LinkSquare:before {
  content: '\E25F' !important
}
Originally from dgrin: http://www.dgrin.com/showthread.php?t=251184

Comments

  • Bruce Press

    on May 7, 2016

    Worked like a charm. Thanks!

  • Zachary Winters

    on January 22, 2016

    Alright, I answered my own question. In case it's useful to anyone else:
    I pasted code for CIRCULAR icons, but my settings showed SQUARE icons. As soon as I changed to circular icons, the new correct 500px icon showed up!

  • Zachary Winters

    on January 22, 2016

    Darn, this isn't working for me for some reason... I pasted the code into a CSS box at the bottom of the page on "all pages". I also tried pasting it into my "theme" in the advanced section for CSS. Unfortunately, no luck - the same old paperclip icon. Any thoughts or suggestions? Thanks!
    www.zacharywintersphotography.com
    ps - love your site!

  • Ganesh Jayaraman

    on September 15, 2015

    Awesome this works like a charm! Thanks!!

Powered by SmugMug Owner Log In