How to size multiple logos for a gallery on your Squarespace website

Getting logos to all be the same size can be a PAIN! Here’s a quick hack on how to have the perfect "featured in” or “worked with” section - even if the logos you are using are all different shapes and sizes!


Why does this happen?

Logos are all different shapes - circles, very horizontal, very vertical, square, etc. When you upload them next to each other in their original shape, some will be much bigger than others and it will never look cohesive.

How to size your logos!

Here it is! The big secret! Ready…
It’s Canva. The answer is Canva. Just the normal free Canva!

What we want to do is put the logos (even though all different shapes) on the same size background so when they are uploaded they are all the same size image and then sized properly on the background depending on the shape. Here’s a quick video on how to do this!

Want to use the same template I used for my logos? Here it is!

How to add to your website

There are three different ways you could upload logos for a section like this depending on the look you want: a gallery section, a list section or a gallery block (you could also do it by adding individual image blocks, but that’s a lot more work!).

I am going to narrow it down for you and say the best 2 ways to do it are a list section or gallery block. We used to need to use the gallery section in Squarespace 7.1 because the gallery block wasn’t available. But now that it is, we don’t need to use it for this purpose anymore.

The gallery block you are going to use if you want rows stacked on top of each other, or just one simple row across. The list section we are going to use if you want there to be arrows to scroll them.

Here’s a video going over how to use both options!

Was this helpful?! Let me know if you have any questions!

happy website-ing!

Previous
Previous

How to Create and Sell Courses with Squarespace?

Next
Next

An intro to Squarespace Fluid Engine