Stopping portfolio page thumbnails from getting cropped in Squarespace 7.1
Today we'll be addressing a very very very specific tweak for portfolio pages in Squarespace 7.1
It's one of those things that isn't really an issue until it becomes one, and when it does it's usually when you're trying to display art thumbnails or logos or pretty much any other type of graphics that are meant to be shown in full.
So, if that's the situation you're dealing with at the moment, in this tutorial you'll learn how to use the tiniest bit of CSS to fix it!
01 | CHAPTERS
00:00 - Intro
01:20 - Overview of the cropping problem
03:57 - Targeting the corresponding container for the Grid: Simple portfolio layout
06:08 - Checking out mobile
07:34 - Adapting the code for the Grid: Overlay portfolio layout
02 | BLOG POST + CODE
https://beatrizcaraballo.com/blog/sto...
03 | WORK WITH ME
If you’d rather not figure this out alone, there are a few ways I can help.
From ongoing guidance to full hands-on work, you can choose what fits your project best.
https://beatrizcaraballo.com/services
04 | SUPPORT + INQUIRIES
If you’re working on a project and need help, you can reach out here:
https://beatrizcaraballo.com/contact
I prioritize client inquiries. For quick questions, I may not always be able to respond directly, but I do use them to guide future content!
05 | RESOURCES
Some of the approaches and code I use in my videos come from my project coding toolkit – The Snippet Directory. It's now available inside the Club, alongside ongoing personalized support.
Explore access here:
https://beatrizcaraballo.com/snippet-...
06 | STAY IN THE LOOP
Receive weekly customization tutorials and troubleshooting tips, based on real-life project challenges.
https://beatrizcaraballo.com/notes
07 | NOTE
The code shown in this video is provided as is and it's not a one-size-fits-all solution. Your implementation may vary depending on your project and settings. There is no guarantee that the code, instructions, or method shown will work or be error-free.
08 | KEYWORDS
portfolio images crop squarespace, portfolio images aspect ratio squarespace, squarespace css tutorial, squarespace 7.1, custom css squarespace, squarespace web design, squarespace custom code, squarespace web development, squarespace design tutorial, squarespace site customization, squarespace code implementation, squarespace css tricks
-------------------------------------------------------------------
Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/jonny-boyle/tres...
License code: DT8VYCZ0NE1FUHWY