Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'stack-gallery'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers πŸ‡«πŸ‡·'s Topics
  • France Designers πŸ‡«πŸ‡·'s Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. My current website (a different template) has what I want it to do with the Wells template, which I plan to switch over soon to. I'm wondering if there's a way to make images in the Wells gallery stack in the same way they do in my current template (Avenue). I need the images to be one on top of the other, not on a masonry grid. A quick workaround to this would be simply to put my images into a blank page (not Gallery) and upload that way (solves the stacking problem), but I reply heavily on Gallery's "scheduling" feature, which is not available otherwise. Any custom code I could add to force the gallery to be a single column, regardless of screen size? I've maxed out the picture width to 500px, but it won't let me go higher...I'm guessing if I could, it would be the solution. I suppose if there was an alternate template that has this feature, but allows a left sidebar navigation like Wells has, that would be ok-ish too.
  2. Site URL: https://hawk-ferret-7sx7.squarespace.com/ Hi, how can I vertically align an image and its title to the solid background? Now it is slightly shifted to the right and the title to close up to the image: Desired look:
  3. So please bear with me as I'm a novice when it comes to CSS or any of this. I've been trying to google answers for the past few hours now to no avail. Essentially I'm just looking to have 1:1 images, with a title and a description, stacked in 2 columns on mobile. A gallery grid does basically what I want on desktop and mobile - but doesn't show descriptions. A summary block does it too but stacks one image on top of another and when I have 60+ images, it becomes a huge scroll. I have not been able to find solutions to either of these issues so if you have a solution to either instead it'd be greatly appreciated. So now, I've just succumbed to doing individual image stacks. I've found out how to shrink the image blocks just in mobile, however I still can't them to form rows/columns despite the extra room now they have on the right (as seen in the screenshot). The code I'm using is below. Any insight would be greatly appreciated.
  4. Site URL: https://lonsdalestudio.com/ciara-antony Hi can anyone tell me how to add a border to the images in my stack gallery? Thanks!
  5. Site URL: https://mistoa.mx/tienda/p/maceta-altano site: https://mistoa.mx/tienda/p/maceta-altano pw: 1234 Hi, I have searched previous answers related to this, but can't seem to fix it. I'd like to stack the images on a gallery block inserted on Product pages (Additional information). https://mistoa.mx/tienda/p/maceta-altano I appreciate any help!
  6. Hello, I am currently having trouble making my shop page translate nicely when viewed on mobile devices. 2 questions 1. How do I ensure that my "shop" header is stays center aligned when going into mobile view (it is centered in the desktop view but left aligns on mobile) 2. How do I make my product description go right under the product title in mobile view? I don't like how the description comes after the product size options. Pictures are attached for reference!! Thank you in advance!!
  7. Site URL: https://www.onetrippony.co/ I had some trouble having the correct ordering appear on both desktop and mobile. Skip to the How It Works part of the homepage. So as you can see, things are correctly ordered on the homepage but incorrectly ordered on mobile. Mobile goes part 1., part 4. part 2. ect. I've been playing with it to get it to work on mobile(as thats more important for our site) Is there anyway to get it to be the correct order on both of the sites? Haven't been able to find anything online for 7.1
  8. Site URL: https://www.urbanvillageproject.com/ Any ideas for how they may have built this series of stackable pages within the scroll? (https://www.urbanvillageproject.com/) It's simple, elegant, clearly communicates the various levels and goals of the project. I'd like to build something similar for a production company presenting several pitch decks.
  9. Site URL: https://amandaaustin.net/video Hello - I am having so much trouble with a video page on my website - if I make it a 'gallery page' I cant have a video for the main menu link - and as a 'page' when it stacks for mobile it stacks whole page left and then right column, so it does not look like or reflect the grid order on the web version - does anyone know a code to fix either issue? 1: gallery page not accepting video content for menu link image 2: mobile page stacking order wrong and out of sync with web version Thank you!
  10. Hi, I'm using image stacks on a blog post, but the font shown is different to everything else on my site. Is there a way to change it? I'm using the Jaunt template, which I think is part of the Brine family. I'd appreciate any help.
  11. Site URL: http://denizdemir.photos I'd like to simply have the gallery on my homepage display the gallery title when scrolling over the gallery image. The mouseover works on desktop but I find that people are not clicking on the gallery pages on mobile because they don't see the gallery title. Anyone might know some code for this to work? I'd only like it on the homepage. Thanks in advance.
  12. Site URL: https://www.thatspeakmtb.com Hey! I'm trying to add space between these stacked images on mobile (please see attachment). Thanks for your help!
  13. Site URL: https://lynx-copper-kklb.squarespace.com/config/design/custom-css Hi there, Wondering if anyone can help me with forcing my gallery view on my Studio page, in mobile view only. I am currently using the code: section[data-section-id="603eebeb954ee906cac97f19"] { @media screen and (max-width:800px) { .gallery-grid { background: red; grid-template-columns: repeat(1,1fr) !important; grid-row-gap: 3vw !important; } } } But with no movement at all... P.s Ive placed a red background behind to highlight the area I'm trying to target. Any help would be appreciated! Thanks!
  14. Site URL: http://samgoldwater.com/ Hey team! My site displays as I expect on desktop, but on mobile it is 2 column and difficult to see with widescreen film images. I've tried pasting custom code on this issue previously but nothing makes a difference :'( The page is a standard page where each element is its own gallery, so we're not talking about simply Changing a grid gallery to stacked etc. Thanks people :)
  15. Hello! I'm working a team page for a client's website. The client has requested lightboxes linked below each team member's image and name to pull up their full bio. I followed the instructions for setting up a lightbox that I found here: https://www.spacetutorials.com/squarespace-lightbox/text and it is working exactly how I want it to. The problem is that I have their images in "Stack" format with their name and title. Then the lightbox is a code block added below the stack. I want three bios per row. I have three images (or "stacks") lined up, but as soon as I add the code below the stack, it shifts the row of three image/code columns into a single column of three rows on the lefthand side. I can't figure out what about the code is doing this. I have this code in my page header code: <link href="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.css" type="text/css" rel="stylesheet" /> I have this in my page footer code: <script src="//code.jquery.com/jquery-latest.js"></script> <script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script> And this as a code block underneath image: <a href="#" data-featherlight="#bio-sarah"<p style="font-family:brandon-grotesque; font-weight:500; font-style:normal; font-size: 25px; text-align:left; color:#022346;">Read More...</a> <div style="display:none;"> <div id="bio-sarah"<p style="font-family:brandon-grotesque; font-weight:500; font-style:normal; font-size: 20px; text-align:center; color:#000000;">Sarah is from Washington, D.C. She received her BA in Biochemistry and Molecular Biology from Boston University. She is currently enrolled as a premedical student at Harvard Medical School.</div> The page is private so I can't share the direct link, but I've included screenshots below. The first image is how I structure it when I'm editing. This is how I want it to look. As soon as I click save and look at the published version, it looks like the second image. Does anyone have any thoughts as to what in the code would be causing this shift?
  16. Site URL: https://www.mc-montgomery.com/paintings Hello, I was wondering if it were possible at all to have a slideshow within a stack gallery page. I want to display several artworks from the same series in a slideshow, so they won't takeover the entire page. Here is how it looks without the slideshow- https://www.mc-montgomery.com/paintings The closest I could get to the slideshow being integrated with the other images was this- https://maryswebsite.squarespace.com/paintings-test It looks ok, it's paired with a summary wall instead of a stack. I just don't like the black background when you click on the images in the summary though. I much prefer the look of stack in that regard. The stack as a block doesn't allow you to change the size of the spacing between the images- it looks to narrow and the slideshow doesn't fit in. Do I have to hire someone to write code to allow for this? Is it even possible. Any help or advice would be great.
  17. Site URL: https://www.beechcroft.co.uk/why-beechcroft/healthihouse Does anybody know how to increase the subtitle text size in stack galleries?
  18. Hi there! I've just spent all this time formatting an unlinked page and as soon as I dragged it to the main navigation the formatting completely changed. When I go in to edit the page it snaps back to how I originally had it. Then once I save and refresh, it goes back to the weird format (stacking and shrinking my images) . Would really appreciate any help as I've searched everywhere and can't find anyone with the same problem. Thanks!!
  19. Site URL: https://renfuller.com/portfolio Does anyone know if there's a code to make image blocks read horizontally on mobile instead of stacked? https://renfuller.com/portfolio Thank you!
  20. Hi, I’m working on a website in SS 7.1 and am trying to figure out the best way to show a series of large images. We love the full bleed slideshow gallery on a desktop but it gets very small on mobile. I am wondering if it’s possible to change from a slideshow gallery on desktop to a stacked gallery in mobile? Or if there is another way to alter the layout in mobile. Reroute to a different page? I would appreciate any help. Thanks much!
  21. Site URL: http://www.pantryphilosophy.com I want to use my custom font for the Title and Subtitle of this block. Any css out there for this?
  22. Hello all, I'm trying to figure out what will allow me to create separate lines in stack gallery titles. In my first screenshot (111) you can see the name of the artist and the title of the work keep wrapping onto one line after I save. I want them on two different lines like in my second screenshot (110). Using the Mojave template. Also looking to change to the size and family for the title but can't get it to work--this is the css I use for a different page, even with adjustments for stack I can't get the format to work with the stack gallery: .image-slide-title { font-family: arial!important; font-size: 18px!important; color: black; } Any advice for either issue?? All help is much appreciated!
  23. Site URL: https://www.smreps.com/production-1#/wondros/ Hello. I'm using the Avenue template. I have been adding videos to my various galleries (stacked), linked to different pages across the site. I embed all of them at a dimension of 960x540. Yet while some play in the same size window as the thumbnail, others are reducing down in size once you press play, even though the dimensions are identical to another video above or below it, which don't seem to have a problem. The inconsistency doesn't make sense. As I said, I'm embedding them all with the same dimensions. I'm making sure that native resolution of the video is at least 960x540 from Wiredrive (our industry standard online video vault cloud service). Wiredrive has a build in embed code generator where I can adjust the embed dimensions to a lower resolution if needed. So, for example, even if a video is 1920x1080 on Wiredrive, the embed code generator has a functionality built in where I can reduce it to 960x540, but not vice-versa. Below is an example of an embed code generated by Wiredrive, specifically one that is giving me a problem. This video is 960x540 native in Wiredrive. I will also contact Wiredrive to see what they say about it. But I am curious if the resize is due to the native video being 1920x1080, and the code simply isn't working the way it should once placed into Squarespace. The videos Ive reduced from 1920x1080 to 960x540 in the embed code don't seem to resize in the webpage, while the native 960x540 with no reduction DO resize. Thanks for any insight. <iframe src="https://wondros.wiredrive.com/?routekey=iframe-embed&token=60a1836c7ef23fa1a698349ffdc11149&autoplay=0&loop=0&controls=1&color=4EB7D4" width="960" height="540" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen allowtransparency></iframe>
  24. Site URL: https://ticket-channel.squarespace.com/ Hi there! My website, on desktop, has a 4x4 column. I had to turn them into image block poster in order for the overlay to work with hover. The problem is, that on mobile it stacks. And it doesn't offer a nice user experience. Is there a way I can transform this into 2x2 on mobile? Instead of stacked? thank you!
  25. Site URL: https://lonsdalestudio.com/ Hi does anyone know code to put a border around the images on my stack gallery? Thank you in advance!
Γ—
Γ—
  • Create New...