Aalok

Thank you! Yes it worked!

Thanks @_Gavin! I think that worked! Strange.

Site URL: https://www.dualstarinnovation.com/ I have a site with multiple 'blog' collection pages (one for projects, insights, and press releases). I want a grid layout for the projects and insights page, but a stacked layout for the press release/news page. I know I can change the blog layout in the style editor, but that changes it site-wide. Is there a way to individually change the blog layout for each page? I think I'm just using the default template.

I have two blog pages (one for regular posts and one for work/portfolio. How do I remove metadata from appearing on the work/portofilo blog list and post, but not from the regular blog list and page? I found this thread but I'm not sure how to choose a particular blog page when you have multiple:

Can you easily link to an already created page inside a custom html snippet? My site is not published yet. So far I'm doing this, which I know will not work until I publish my site, but can I do something like <a href=".../about-us"> ? <a href="https://mysite.com/services/creative-engagement" class="service-card service1"> <h3> Creative<br /> Engagement </h3> </a>

I am creating a custom code section on my home page and want to use css-grid to style it. Everything works fine except when I try to use the minmax function with fr units. This is a common way of having elements stretch evenly across a container but then stack when the window is resized and the min width (250) is reached. However this isn't working for me in Squarespace. Any thoughts on why? I'm using Chrome, so fr units and css-grid is compatible. grid-template-columns: reapeat(auto-fit, minmax(250px, 1fr); This seems to work, but it's obviously not what I want: grid-template-columns: reapeat(auto-fit, minmax(250px, 300px); Here is my full code: <div class="home-services-container"> <div class="service-card service1"> <h3> Creative<br /> Engagement </h3> </div> <div class="service-card service2"> <h3> Ideation + <br />Innovation </h3> </div> <div class="service-card service3"> <h3> Career <br/> Coaching </h3> </div> </div> CSS: .home-services-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); grid-gap: 16px; } .service-card { display: flex; flex-direction: column; justify-content: flex-end; color: #401025; height: 200px; width: 1fr; padding: 32px; border-radius: 8px; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1); background-repeat: no-repeat; background-position: -150px -80px }

Ah ok, didn't realize you have to set the elements to 'bottom--'. Not very clear

I am using the Brine template, And I'm not seeing any options to create a transparent navigation header and add a full-size banner image. I am trying to re-create this site, which says uses the Brine template as well. I'm not seeing any styling options to mimic this site header/homepage style. Any help is much appreciated! https://www.usesixty.com/showcase/squarespace-website-examples/7047-fringe