mikelmuruzabal

Also looking for an answer to this... is it possible to override Squarespace’s predefined chart palettes with CSS?

Add to Design > Custom CSS
/* related products */ @media screen and (min-width:992px) { div.ProductItem-relatedProducts .list-grid { grid-template-columns: repeat(5,minmax(0,1fr)) !important; } }  

Add to Design > Custom CSS
.view-item article.ProductItem { padding-bottom: 0px; }  

We need share buttons for our blog to help get the word out as we're a small nonprofit organization and I'm bummed that I had to use a 3rd party service for something so basic and included with every other platform. If anyone from Squarespace reads this, please submit a feature request that enables social sharing of blog posts - thanks.

Thanks Tuan, much appreciated. That code worked well but I wanted to maintain the dynamic header, so I finally used this code (in the header code injection area of the main Blog page):
<style>   body.view-item [data-header-style="dynamic"].header.shrink{   background: #003CD3; } </style>
This is working fine, but if you see something wrong please let me know.
Thx!

Hey Tuan, yes, we're still working on it but we achieved the effect, thank you!
 

"Image Data Importing" is a feature you can select in the Advanced section of Settings. It's a very important feature that can save a lot of time by not having to manually enter Captions or Descriptions for images. This, for photographer galleries, is very important and a feature photographers will use extensively. While it's right there in the Advanced menu, it doesn't work and hasn't worked since November 2021. Support requests have been entered many times but this feature they offer has not been fixed. Not having this feature is definitely a deterrent to photographers or paint artists from using galleries in Squarespace for their websites.
This club is in a unique position to show the support staff how important this is for us. If you are adding titles or descriptions to your image file metadata in Lightroom, for example, you should not need to add them manually again in your gallery on Squarespace. But we need enough people to request this repair from support so they get the message this is important for us. So please help . Thank you!!

Your code block should look like this then:
<!-- insert any HTML code from the pen below this line --> <!-- insert any CSS Code between these style tags --> <style> </style> <!-- insert any JS dependencies here --> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script> <script src=""></script> <!-- insert any JS Code from teh code pen inside these script tags --> <script> </script> As the pen contains CSS dependencies, you need to add those to the page header. you *could* put these at the top of the code block too if you want, but it's not best practice for link tags. If you're just trying it, then no harm doing that, but better way is to put it in the header. same is probably true for the JS dependencies tbh, but it depends how they've been written.
Open the squarspace page's settings, click advanced and add the link tags into the code injection
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css" /> <link rel="stylesheet" href="https://use.typekit.net/skn8ash.css" /> if the codepen had any HTML head code (your example doesn't) then you would add that here too.
 

I've looked everywhere and I'm still not sure I understand how to take codepen code and add to squarespace. All I've seen is to just add a code block and put it all in the code block? I can get the html and css to work but soon as I try the Js it doesn't work. I was trying to test out this as a practice to try and figure it out.
https://codepen.io/cameronknight/pen/qBNvrRQ
on this page https://flugelhorn-seahorse-lzrb.squarespace.com/code-test-page?p?p
pw: design123
 
I cant find any clear information on how to integrate codepen to squarespace. If anyone has straight forward instructions or youtube videos / links etc where I can research this more I'd appreciate it. I think I'm just not sure where each part gets placed into squarespace or when to change an id to something squarespace specific? I think I just need it really dumbed down.. lol

I actually wrote an article about this, maybe can help someone. Take a look: 
https://www.ui-workarounds.com/how-to-make-a-squarespace-accordion-image-friendly/