pixies1

Found this video for anyone else needing a bit more direction. Thanks @pixies1 for getting me on the right track!! 
 
 

Thanks! To get this effect, I actually created one long image that scrolls continuously
First create a 5900x390px image with your logos spaced out evenly (you can do this for free at Canva.com)
Then add the code below to CSS (replacing my URL image with your own)
Hope it works for you!
 
//auto-scrolling logos//
.slider {
  width: 135%;
  overflow: hidden;
  margin-left: -13vw;
  margin-right: 0vw;
  position: relative;
}
.slider .slider-image {
  background-image: url(https://static1.squarespace.com/static/60606ea81846b4151d82ec0b/t/60be85e8d976482627d1592a/1623098856396/Slider.png);
  width: auto;
  height: 150px;
  background-size: 2950px 200px;
  animation: slide 50s linear infinite;
}
@keyframes slide {
  from {background-position-x: 0px;}
    to {background-position-x: -2950px;}
}

Hi there, I didn't end up using a plug-in.
Instead I'm having the company logos auto-scroll on my website: https://typeaprofessionals.com
Good luck!

Hi Tuan,
This code no longer works for the projects section on my homepage:
@media screen and (max-width:767px) { div#block-yui_3_17_2_1_1620053642909_82057+.row .span-3 { width: 50%; } }
I would like the 4 columns to appear as 2 columns in tablet view.
And on my testimonials page, I'd like the 3 columns to appear as 2 columns in tablet view.
https://www.typeaprofessionals.com/testimonials
Thank you!

Add to Design > Custom CSS
/* We do it all tablet */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1620053642909_82057+.row .span-3 { width: 50%; } }  

@lplabranche, did you try adding this entire code?:
 
//remove underlines from hyperlinks//
.sqs-block-html a {background-image:none!important}
/* Remove non-background image underline for heading and paragraph links */
h1 a, h2 a, h3 a, h4 a, p a {text-decoration: none!important}

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

@lplabranche, did you try adding this entire code?:
 
//remove underlines from hyperlinks//
.sqs-block-html a {background-image:none!important}
/* Remove non-background image underline for heading and paragraph links */
h1 a, h2 a, h3 a, h4 a, p a {text-decoration: none!important}

@lplabranche, did you try adding this entire code?:
 
//remove underlines from hyperlinks//
.sqs-block-html a {background-image:none!important}
/* Remove non-background image underline for heading and paragraph links */
h1 a, h2 a, h3 a, h4 a, p a {text-decoration: none!important}

Ooooo! This did it, thank you! I don't know why this happened either, or why we need two different codes now, but it's fixed.

I'm ALSO getting the double underline so you're not alone. There has definitely been changes if this is happening to a few of us. 

As for telling you that you shouldn't be using CSS, what a ridiculous thing to say. Especially as they've REMOVED quite a few options in 7.1 that were standard in 7.0 (usually in Brine). Until they make things as customizable as they used to be, we have to use CSS. 

Thanks to you and @Anat13 for the solutions. 

@Anat13 That worked, thank you! I had to keep my current line of code and add yours to remove both underlines:
//remove underlines from hyperlinks//
.sqs-block-html a {background-image:none!important}
/* Remove non-background image underline for heading and paragraph links */
h1 a, h2 a, h3 a, h4 a, p a {text-decoration: none!important}
 
I chatted with Squarespace and they said they weren't aware of any issues or recent changes that would cause the problem and they said I shouldn't use CSS on my site 😒
I'm still wondering what is causing a double underline on my site, but at least I'm able to get rid of it now. 
Thank you SO much!!

Adding this in Design > Custom CSS worked for me. It's one of the old ways to do it in one of the types of 7.0 templates:
/* Remove non-background image underline for heading and paragraph links */
h1 a, h2 a, h3 a, h4 a, p a {text-decoration: none!important}

Same issue here. Maybe it's a bug associated with the new Site Styles? Either way, please help, they're terrible!

The same for me! I did nothing but visit my site and the underlines are back. VERY frustrated as I have tried searching for an answer, so this must be a new issue with the update. I now have a new Site Styles dedicated section that pops up that wasn't there last night and that's the only thing I can think of that must be causing this.

I have a same issue today! Underlines for hyperlinks are back even I didn't make any CSS change.

Haha, I thought I deleted your placeholder text when I pasted the new URL but now I see that I hadn't 🙃
It looks perfect!! Thank you for the elegant solution!!
 

Thank you bangank36, I uploaded a green version of the icon and added your CSS, but now the icon disappears on hover instead of turning green.
Any ideas?
 

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!