Jump to content

Issue with social icons

Recommended Posts

Site URL: https://interstellar.systems

Hello, I customized the social icons such that when you hover over them the slowly fade to red. They all work perfectly until you click one of them. It takes you to the social site as intended but once you return to my website the smooth transition effect no longer functions and you are instead left with an abrupt shift from white to red. Everything goes back to normal after I clear my history .I have no idea how to fix this.


I achieved the smooth transition result via the CSS below.

.sqs-svg-icon--list {
  .sqs-use--icon {
        fill: #EF233C !important;
        transition: all .4s linear;

.header-actions .icon--fill svg:hover {
transition: all .4s linear; }



Link to comment

Please post the site-wide password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.