pixies1

Site URL: https://typeaprofessionals.com

Hello! For my social media icons, I was able to replace Squarespace's generic link icon with a customized Google icon using the code below (and uploading an image of the Google icon).

However, I would like the Google icon to hover on the same color as my other social media icons. Does someone know how to add to my code below to make this work?

Thank you in advance!

------

//replace link icon with Google icon//

.sqs-svg-icon--list a:nth-of-type(2) { svg {  display:none;  }  background-image: url(https://static1.squarespace.com/static/5ec8617eea936a6584ab0cca/t/603c4d56d5c9360a36489e3a/1614564694083/G+icon.png);  background-size: 83%;  background-repeat: no-repeat;}

//social media icons color//

//standard color//
.sqs-use--icon {
  fill: #d9d9d6 !important;
}

//social media icons color on hover//
.sqs-svg-icon--wrapper:hover {
  .sqs-use--icon {
    fill: #babc16 !important;
  } 
}

Thank you, I'll look into plug-ins if adding code to Squarespace to make this adjustment is not possible.

Thanks!

Hi there, I’m using a summary carousel block to display testimonials (actually blog posts). I click the right arrow to scroll through the testimonials. When I reach the last one, it stops and does this fast rewind left back to the first one.

Is it possible to add code so you can keep clicking the right arrow and it will keep cycling through in a continuous loop? I don’t want it to scroll automatically, I just want the right arrow (or left arrow) to keep cycling through instead of stopping at the end and then fast-rewinding back to the first one.

Any help is much appreciated. Thanks!