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!