pedrogomes Posted January 3, 2015 Posted January 3, 2015 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:
colin.irwin Posted January 3, 2015 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. I'm Colin Irwin aka silvabokis. I've been a Squarespace designer & developer since 2013. You might want to check out my Squarespace Template Finder or read my Squarespace tips Speaking of tips, 💲I've got a tip jar. Feel free to throw a few quid into if you think I've helped you. If you're looking for a Squarespace developer Book a chat or Drop me a line - first meeting is always free
Guest Posted January 9, 2015 Posted January 9, 2015 I was wondering how you were able to add custom social icons? Thanks!
pedrogomes Posted January 9, 2015 Author 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.
Guest Posted May 22, 2015 Posted May 22, 2015 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?
ScottHelland Posted August 10, 2018 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.
needshelp Posted May 14, 2020 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.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.