pedrogomes Posted January 3, 2015 Share Posted January 3, 2015 (edited) I am trying to add 2 social buttons which I have created similar to the ones available but using social networks which are not listed in the Connected Accounts in the Squarespace Panel. How could this be done, maybe using Code Injection or Custom CSS? Perhaps it could be done by using 2 random connected accounts and replacing them with the custom ones. Any ideas? http://wesilvergirls.squarespace.com/ These Custom Social buttons are only the last two (Lookbook and Bloglovin’): This what I am hoping to achieve: Edited August 24, 2016 by edokken Link to comment
colin.irwin Posted January 3, 2015 Share Posted January 3, 2015 The method you describe - adding 2 random icons and then using a script to change the icon and destination link - will work. However, the Squarespace social buttons aren't images, they are actually part of the Squarespace social-icon-font. The 2 additional icons could therefore look a little fuzzy because they would be bitmap images rather than vector fonts. If you're looking for a Squarespace Developer, drop me a line. Link to comment
webvision Posted January 9, 2015 Share Posted January 9, 2015 I was wondering how you were able to add custom social icons? Thanks! Link to comment
pedrogomes Posted January 9, 2015 Author Share Posted January 9, 2015 This was done through developer mode, instead of replacing two social buttons like I suggested, you can add them yourself in the template's html. http://developers.squarespace.com/using-git/ If you look through these steps you will find instructions on how to access git and change the template html thus adding new items to the social buttons list which then you script background-image using the one above in the custom css. Although its not perfect as it was adjusted for 16x9 or 16x10 screens, when you zoom in and out it starts looking a bit funny plus didn't manage to add them to the mobile navigation menu. Link to comment
iliang7 Posted May 22, 2015 Share Posted May 22, 2015 (edited) I was wondering, how were you able to or what CSS did you use to create your navigation header on the top and keep it stationary when scrolled? Also what template are you using? Edited May 22, 2015 by iliang7 Link to comment
ScottHelland Posted August 10, 2018 Share Posted August 10, 2018 Custom social buttons would definitely make this site better to operate. If you think I am wrong, I'd like to hear your opinion at https://topamericanwriters.com/college-paper-org-review/ forum. Don't shy away from writng anythign in your answer, mate. Link to comment
needshelp Posted May 14, 2020 Share Posted May 14, 2020 I keep getting an error message about being unable to claim my blog on bloglovin' any idea why? I'm inserting the code into the top of a new blog post (have tried both ways-using the embed way and using the <> way in the + box) and publishing but when I go back to Bloglovin and click claim I get the unable to claim error message. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment