Squarespace portfolio grid
Aug 1, 2025 · This guide is for version 7.
Squarespace portfolio grid. Nov 3, 2021 · I'm trying to build out a project landing page using the portfolio (Grid Overlay) and want to customize each project's hover with a unique image. I'm wanting to customize this so that the size of the thumbnails vary in my grid. portfolio-title:first-line { font-weight: bold; font-size: 30px; } section[data-section Jan 28, 2023 · Squarespace Webinars Free online sessions where you’ll learn the basics and refine your Squarespace skills. Feb 24, 2021 · On the portfolio landing page or main portfolio page, we can add any sections we want above or below the portfolio items. Nov 28, 2024 · Squarespace offers extensive customization options to help your portfolio shine: Layouts: Choose from five layouts such as “Grid: Simple,” “Hover: Fixed,” and “Hover: Follow Cursor. 0, use a template with a grid index page or create featured image navigation. We also have many options for styling the portfolio gallery layouts (which I cover later on). I am trying to get the title / excerpt on the portfolio grid to show Apr 11, 2024 · Hello everyone! I'm new to Squarespace and have a basic understanding of HTML and CSS. ” To change layouts, click the pencil icon on the portfolio section and select a new format under Layout Options. com) where grid items could have padding around them that matched t Nov 12, 2021 · Hi, I'm looking to rebuild the page below as a portfolio page with a simple grid. May 21, 2025 · Hello everyone, I was wondering if anyone could help me with this. 0 are gone. Mar 22, 2021 · Squarespace Webinars Free online sessions where you’ll learn the basics and refine your Squarespace skills. Right now it's built as a page with inline poster images to allow for a text caption below and text on hover with css. I've been playing with css to allow the text to show up below and on the hover on a portfolio pa Nov 17, 2022 · section[data-section-id="607295ad0d6e7a606f92f585"] . squarespace. I would prefer to display them one by Dec 31, 2023 · Hi all, I updated to 7. Feb 25, 2020 · Site URL: https://quiet-conqueror. Jun 13, 2022 · The layout on my portfolio homepage is currently set to Grid: Overlay with 3 Columns. This site is a good reference of what I'm trying to accomplish and I've attached a comp of what I'm hoping I can make mine look like. I am using the portfolio template and need one of the projects to be non-clickable. CSS Grid is a powerful tool that allows designers to create complex layouts with ease. com/ Hi, I'll gather all the open issues I have here: 1. I am trying to get this effect from the old York template (york-demo. Aug 1, 2025 · This guide is for version 7. Dec 4, 2020 · Squarespace Webinars Free online sessions where you’ll learn the basics and refine your Squarespace skills. Also, I am trying to control the width of the images once they are in a single column. I want t Feb 26, 2025 · Site URL: https://gal-ganon. However, when I view the portfolio projects, they are currently displayed with a grid overlay showing minimum two projects per row. Oct 18, 2024 · Squarespace Grid Layouts are a powerful tool that allows users to create visually appealing web pages with ease. For a similar effect in version 7. Sep 5, 2020 · What I am trying to achieve is a single column grid instead of the two column. Can you please help me? Hover effects are one of my FAVORITE things to create for Squarespace, and I’m so excited to share these new ones with you! 🙌In this tutorial, you’ll learn . Jul 1, 2025 · Portfolio pages are organized in two parts: the main portfolio page, which creates a grid of featured images or a list of links that visitors click to explore your portfolio, and the individual projects these links lead to where you add content. portfolio-grid-overlay . I've been using the portfolio page to showcase my projects. 1. com/ Hi all, Looking for some assistance with 7. I could not find a way to do that. In the Squarespace app, you can't add new portfolio pages or edit projects. I'm trying to customize the placement of the hover text on the thumbnails of my portfolio page, which is set to "Grid: Overlay". With the help of CSS Grid, Squarespace users can create custom layouts that are flexible, responsive, and easy to manage. The options that Squarespace offers are either centered or left-aligned. Build a stunning portfolio website to showcase your work, sell products, and attract clients with customizable layouts and easy-to-use tools on Squarespace. 1 and it didn't hit until 10 days into remaking my site that I realize a lot of the options we where offered in 7. I know how to overlay an image, but not a photo that is unique to each product since th Nov 24, 2022 · Hi! I would like my portfolio to use the "alternating side by side blog" appearance with the image on one side and the title of the project on the other. udnqeukemxfjkdbqxpdbkeqizuvwbsiptjngyfwgavylublksbd