Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by JBStudio

  1. Just need them on Studio and interior pages. I've stopped the scrolling on the contact page so no need for that one. Thanks!
  2. I'd like to change my header and text colour once you start to scroll on 3 of my 4 pages. (Studio, Interiors, Contact) I want to keep the transparent header and white text when you land on the page but when you start to scroll, I want the background colour of the header to be #FAF8F6 and the text colour and logo (which is not an image but text) to be #000000 (black). I have my header set to adaptive. my site is: www.jackbrownstudio.com
  3. This is the grid gallery but with the added code above, it only loads images in landscape and forces portrait images into landscape. I'd like them to fully load, no matter landscape or portrait. RPReplay_Final1697382682.mov
  4. This section is correct because it shows the full image whether it's vertical or horizontal. This is in my "works in progress" which loads full images because it's a strips gallery. This is the top section of my interiors page and because it's in a grid, my default it shows 2 columns, but I used the above code to force single image but it doesn't allow vertical (portrait) image to fully load, it makes them horizontal (landscape). I'd like for all images in my interiors section to load full images, whether portrait or landscape. This is a video of how I'd like all images to load, both portrait and landscape. This is the "strips" gallery. RPReplay_Final1697382639.mov
  5. Sorry, it's under the "interiors" header. https://www.jackbrownstudio.com/interiors
  6. I'm looking for custom code to have my 3 image (simple) gallery on desktop stack to single images, allowing them to be full images both vertical and horizontal on mobile instead of the default of 2 columns. I found code that seems to allow for only horizontal images to display while cropping the vertical ones. You can see this on my "Interiors" tab on my site. I want all images to stack in full like my "Work in Progress" area below on my mobile site. The "work in progress" stack correctly because this is a "strips" grid. The code I currently have on my site is the follow: @media screen and (max-width:800px) { .gallery-grid-wrapper { grid-template-columns: repeat(1,1fr) !important; grid-row-gap: 3vw !important; My site is located at www.jackbrownstudio.com Thank you!
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.