Jump to content

Search the Community

Showing results for tags 'social-links'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers ๐Ÿ‡ซ๐Ÿ‡ท's Topics
  • France Designers ๐Ÿ‡ซ๐Ÿ‡ท's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hello, thanks for all your help so far from everyone. Someone so graciously showed me how to move my mobile "book" button up as it was covered by my information bar. Now Im finding they are not aesthetically pleasing with my social links, they look way too close together. Pic below. Anyway I can move them up a tiny bit?
  2. I'm fairly new to coding and need some direction on how to remove two of the four links on certain pages on my website. I'd like the first two Instagram & FB links only on the Lockport pages, and the last two Instagram & FB links only on the Orlando pages. Thank you! Password is nybp
  3. Hi! Hope you are doing well ๐Ÿ™‚ I have been trying to find a way to add some "Like" and "Share" buttons on my blog article pages. Can anyone help finding out how to do it ? In addition, it would be great to get some help to activate the "Comments" option on the blog. I always check the option before posting a new article but it doesn't seem to be activated on the pages. Many thanks for your precious help ๐Ÿ™๐Ÿผ Have a great week ๐Ÿ’ซ
  4. My client changed her instagram handle without telling me first, so her social link was broken. I can add a new IG social link, but I can't remove the broken one. When I click on the broken account, I just get a blank panel with a "Try Again" button. When I click the working account, I get the usual pop-up for editing social links. I think this is a SquareSpace fix. Can anyone else reproduce?
  5. Hello, The instagram icon is showing up top-right on desktop, but doesn't appear in the mobile menu. I'd like the icon to appear in the mobile menu underneath the CONTACT link. Any help much appreciated! https://www.engstromsound.com
  6. I am creating a site, where I need to have social links for two different partner organizations in my "Contact" page, preferably underneath their two logos, which I have added. For the first one I need LinkedIn, Facebook and Instagram and for the other I need Linkedin and Twitter. If I use the regular social links block from squarespace, I cannot create two blocks with different social links in it. If you need link for the website in order to help, let me know. I will have to ask my employer first ๐Ÿ™‚ Can anyone help me out?
  7. Hello guys, #1 I'm looking for a way to remove a specific social icon (build in function) from the header (nav-bar). I want to keep for instance the first icon but remove the others, while I want to keep all icons in the footer. #2 Also I'm using some custom social icons and they don't work on mobile version. #3 And my last issue is that I can't change custom icons on specific pages where the colors are inverted. URL: https://quanxua.net PW: quanxua Thanks in advance!
  8. I am looking to add a few places to call my company on the website. I am curious if it is possible to add such a link in the "Social-Links" block that I have placed in the footer of all my pages? Usually these are for Facebook, Instagram, etc. Though, I was able to add email so maybe add phone? I tried pasting it in there though no results. Maybe I need to wrap it in a "callto:"? Maybe some formatting? If no go I'll just ad a button. Thank you!
  9. Good day, I seem to have a problem with the Social Link not appearing when shared on Whatsapp. The Picture size file is low however I this does not seem to fix the problem.
  10. I noticed recently that my site is displaying two Instagram icons. Each links to the same (and proper) account. In the page editor, there is only one icon showing on each page. However, when I save any of my changes, two Instagram icons appear.
  11. Hi, Please could someone help me to switch placement of social icons and logo in header using CSS? A screenshot of what I mean is attached below. https://badger-wrasse-4pnf.squarespace.com/ password: rosha Many thanks! Poppy
  12. Hi! Im making a website for my wife's salon. We have the salon's social media in the header, footer and contact us page, however in our "meet our team" page, I would like to put each stylist's professional instagrams next to their bio. The issue I have is that if I use the social link, it will put all social links. If I attempt to hide a particular link, It hides it from all social links across the site. any and all help/advise would be appreciated, Thanks!
  13. I just realized my home page social links are down to Pinterest only for some reason. My back end shows that IG should be visible, but there is nothing there? So strange! THANK YOU!
  14. Hi there, I have linked my socials in the settings on my website, clicked save, refreshed, removed and tried again, but despite my efforts there are no icons showing up anywhere on my site, either in the developer mode or on the live site. Any ideas why this might be happening?
  15. Hello Everyone So I wanted to link my social media in the header of my website. Unfortunately, they are always displayed too low, does not speak at the same height as the navigation. Furthermore, when I want to insert a frame, it is displayed above. Does anyone know how I can solve this?
  16. With the potential Twitter migration, will Square Space either add new social icons (thinking in particular Mastodon) or allow users to add? Or get rid of the generic link icon and allow us to write in the name.
  17. Hi, I am new to Squarespace and am trying to design a website integrating the social link blocks. My website is (colthawley.com). I am trying to mimic in particular the website of one of my favorite bands, Vacation Manor (www.vacationmanor.com). You can find the social media icons clearly at the bottom of their webpage. So I started simple: I want to change the individual color of the social media icons like with what they have. I have tried scouring forums and Google for code to do this but with no luck, and I am not new to understanding a bit of code or searching forums. The only code I can find is changing the color of ALL the icons. That seems to be very popular and easy with CSS Code, but that is not what I want. Also, something I noticed is that there is a behavioral difference in how the icons interact with a cursor between my site and others. There's also the website of another artist I love, Eric Johnson (www.ericjohnson.com). Both VM and EJ use Squarespace (as I use F12 to analyze the webpages and see I see "squarespace.com" names), and their icons behave the same. There seems to be a "box" that outlines the block that when the cursor hovers over it, they all become a bit transparent. Then when you hover over one, it becomes brighter. I know that hover colors are something you write CSS Code for, but my website doesn't behave like theirs in the former way. This has all seemed too difficult for someone like me who is good with computers, code, and searching deep in forums and youtube comment sections for help. I know many people have used Squarespace and made very customized sites. I also notice that the transparency seems to be a bit too good at keeping the same amount of dimming across the board. Either they coded it really really well (and major props to them to them!), or there's a feature I am just missing that has this code all built in and is still unavailable for some reason. So I assumed that because multiple sites have the same function, it was due to my Personal payment plan not having the "premium block features" or the "Complete Customization CSS and JavaScript" so I upgraded to the Business plan. However, nothing changed and no new features have opened up. Here are some pictures from VM's Website: None Selected: . Hovering inside Block Box (They Grey Out): Hovering Over Spotify: Hope this all made sense, and I would really appreciate any help with this issue. Thanks so much in advance!
  18. Guest

    Custom Social Icon

    Site URL: https://democrp.squarespace.com/ How can I customize the 3rd Social Icon in the demo site. And How can I move the Social Icons next to the navigation menu. Use is Password to access this site : 123456
  19. Hello all, After spending some time browsing around, I found a simple way to add WhatsApp integration to the entire SquareSpace site, that doesn't require any third party or a server dependency and it is free! However, it does require an upgrade to Business plan for SquareSquare. SquareSpace should allow code injection on lesser plans. Go to your site -> Settings -> Advanced -> Code Injection In the footer section paste this: <!-- Floating button style --> <style> .floating{ position:fixed; width:60px; height:60px; bottom:40px; right:20px; z-index:100; } .float-button{ margin-top:16px; } </style> <!-- Link to WhatsApp --> <a href="https://api.whatsapp.com/send?phone=%2B12125551212&text=Hello%2C%20from%20your%20site" class="floating" target="_blank"> <!-- WhatsApp image --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="58px" height="58px"><path fill="#fff" d="M4.868,43.303l2.694-9.835C5.9,30.59,5.026,27.324,5.027,23.979C5.032,13.514,13.548,5,24.014,5c5.079,0.002,9.845,1.979,13.43,5.566c3.584,3.588,5.558,8.356,5.556,13.428c-0.004,10.465-8.522,18.98-18.986,18.98c-0.001,0,0,0,0,0h-0.008c-3.177-0.001-6.3-0.798-9.073-2.311L4.868,43.303z"/><path fill="#fff" d="M4.868,43.803c-0.132,0-0.26-0.052-0.355-0.148c-0.125-0.127-0.174-0.312-0.127-0.483l2.639-9.636c-1.636-2.906-2.499-6.206-2.497-9.556C4.532,13.238,13.273,4.5,24.014,4.5c5.21,0.002,10.105,2.031,13.784,5.713c3.679,3.683,5.704,8.577,5.702,13.781c-0.004,10.741-8.746,19.48-19.486,19.48c-3.189-0.001-6.344-0.788-9.144-2.277l-9.875,2.589C4.953,43.798,4.911,43.803,4.868,43.803z"/><path fill="#cfd8dc" d="M24.014,5c5.079,0.002,9.845,1.979,13.43,5.566c3.584,3.588,5.558,8.356,5.556,13.428c-0.004,10.465-8.522,18.98-18.986,18.98h-0.008c-3.177-0.001-6.3-0.798-9.073-2.311L4.868,43.303l2.694-9.835C5.9,30.59,5.026,27.324,5.027,23.979C5.032,13.514,13.548,5,24.014,5 M24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974 M24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974 M24.014,4C24.014,4,24.014,4,24.014,4C12.998,4,4.032,12.962,4.027,23.979c-0.001,3.367,0.849,6.685,2.461,9.622l-2.585,9.439c-0.094,0.345,0.002,0.713,0.254,0.967c0.19,0.192,0.447,0.297,0.711,0.297c0.085,0,0.17-0.011,0.254-0.033l9.687-2.54c2.828,1.468,5.998,2.243,9.197,2.244c11.024,0,19.99-8.963,19.995-19.98c0.002-5.339-2.075-10.359-5.848-14.135C34.378,6.083,29.357,4.002,24.014,4L24.014,4z"/><path fill="#40c351" d="M35.176,12.832c-2.98-2.982-6.941-4.625-11.157-4.626c-8.704,0-15.783,7.076-15.787,15.774c-0.001,2.981,0.833,5.883,2.413,8.396l0.376,0.597l-1.595,5.821l5.973-1.566l0.577,0.342c2.422,1.438,5.2,2.198,8.032,2.199h0.006c8.698,0,15.777-7.077,15.78-15.776C39.795,19.778,38.156,15.814,35.176,12.832z"/><path fill="#fff" fill-rule="evenodd" d="M19.268,16.045c-0.355-0.79-0.729-0.806-1.068-0.82c-0.277-0.012-0.593-0.011-0.909-0.011c-0.316,0-0.83,0.119-1.265,0.594c-0.435,0.475-1.661,1.622-1.661,3.956c0,2.334,1.7,4.59,1.937,4.906c0.237,0.316,3.282,5.259,8.104,7.161c4.007,1.58,4.823,1.266,5.693,1.187c0.87-0.079,2.807-1.147,3.202-2.255c0.395-1.108,0.395-2.057,0.277-2.255c-0.119-0.198-0.435-0.316-0.909-0.554s-2.807-1.385-3.242-1.543c-0.435-0.158-0.751-0.237-1.068,0.238c-0.316,0.474-1.225,1.543-1.502,1.859c-0.277,0.317-0.554,0.357-1.028,0.119c-0.474-0.238-2.002-0.738-3.815-2.354c-1.41-1.257-2.362-2.81-2.639-3.285c-0.277-0.474-0.03-0.731,0.208-0.968c0.213-0.213,0.474-0.554,0.712-0.831c0.237-0.277,0.316-0.475,0.474-0.791c0.158-0.317,0.079-0.594-0.04-0.831C20.612,19.329,19.69,16.983,19.268,16.045z" clip-rule="evenodd"/></svg> </a> Data set in the a tag parameters should be encoded. Simple encoder https://meyerweb.com/eric/tools/dencoder/ Set phone number in the phone parameter, and message in the text field. You can also use the a tag throughout your site as a link to open WhatsApp, just remove the class attribute. If you find this useful and add to your site, comment +1 in the thread. Thanks!
  20. I added a custom whatsapp link to my header using this link It worked perfectly but the only issue is that the size of the whatsapp icon is too small and I do not know how I can size it up a little. Can anyone guide me?
  21. Hey, My site is www.louisemcilroy.com password: hello I got some help changing the colour of the social icons in my site header so the colours are inverted. I would like to do the same for the mobile version, I have managed to copy 1 line of code to change the background, but I'm having trouble showing the second colour. Thanks in advance!
  22. Site URL: http://www.jywrrn.com My coding knowledge is extremely limited. I just added my client's TikTok account to his Squarespace's 'Social icon' Editor. When it populates, it just adds a link icon instead of auto-populating with the TikTok icon. Is there a way to replace it? I didn't see many options for customization in the editor.
  23. Just wandering if the TikTok logo will be added as social link that will have a logo attached to it and not a link symbol. Unless someone has code to get around this?
  24. Hope someone can help - I've adjusted every related setting I can find in my Squarespace account to reflect my updated logo for www.adamwbarney.com but still when I paste that link in LinkedIn Messages the old logo shows up. This has been driving me nuts! Please help me to get my current logo to show up when sharing in LinkedIn Messages! Thanks - Adam
  25. I have a floating Whatsapp button on my site (it appears in every page of the site, automatically), and as I am creating a landing page I need to hide it only on that specific page. I need the code for that, as I am not good with html. Can someone help me?
  • Create New...

Squarespace Webinars

Free online sessions where youโ€™ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.