FrH Posted July 1, 2021 Posted July 1, 2021 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.
Beyondspace Posted July 1, 2021 Posted July 1, 2021 1 hour ago, FrH said: Site URL: https://www.harvieillustration.com 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. The first image shows Wells' blocks stacking my images - the second image shows how I want it to stack, regardless of screen width space: Look like you switch template to achieve this BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
FrH Posted July 2, 2021 Author Posted July 2, 2021 2 minutes ago, bangank36 said: Look like you switch template to achieve this There doesn't seem to be another template that offers a sidebar navigation ability, which is frustrating. I'm looking to have the navigation be on the left and ever-present, as opposed to scrolling away from it when it sits up top like my current setup is.
Beyondspace Posted July 2, 2021 Posted July 2, 2021 4 minutes ago, FrH said: There doesn't seem to be another template that offers a sidebar navigation ability, which is frustrating. I'm looking to have the navigation be on the left and ever-present, as opposed to scrolling away from it when it sits up top like my current setup is. I made a fix on wells template demo page #galleryWrapper #thumbnails { height: auto !important; } #galleryWrapper #thumbnails .thumb { width: 100% !important; left: 0 !important; top: 0 !important; height: auto !important; position: relative !important; margin-bottom: 10px; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
FrH Posted July 2, 2021 Author Posted July 2, 2021 6 minutes ago, bangank36 said: I made a fix on wells template demo page #galleryWrapper #thumbnails { height: auto !important; } #galleryWrapper #thumbnails .thumb { width: 100% !important; left: 0 !important; top: 0 !important; height: auto !important; position: relative !important; margin-bottom: 10px; } For some reason I can't get it to produce the same results? Pasting the code in Settings > Advanced > Page Header Code Injection makes no difference in the image layouts
Beyondspace Posted July 2, 2021 Posted July 2, 2021 13 minutes ago, FrH said: For some reason I can't get it to produce the same results? Pasting the code in Settings > Advanced > Page Header Code Injection makes no difference in the image layouts It was the wells template, what url you are using? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
FrH Posted July 2, 2021 Author Posted July 2, 2021 7 minutes ago, bangank36 said: It was the wells template, what url you are using? I'm currently editing the new template in Preview Mode before I make it "live". My live website (harvieillustration.com) is still in Avenue, but the template I'm working on to switch to is Wells and the code seems to do nothing when pasted, despite the image you showed it working. I'm wondering if I have to make it a live template before doing so. Hopefully not? Other code I'm working with in other portions seems to work fine despite this. I appreciate your patience and you trying to help, however this ends up panning out! 🙂
Beyondspace Posted July 2, 2021 Posted July 2, 2021 22 minutes ago, FrH said: I'm currently editing the new template in Preview Mode before I make it "live". My live website (harvieillustration.com) is still in Avenue, but the template I'm working on to switch to is Wells and the code seems to do nothing when pasted, despite the image you showed it working. I'm wondering if I have to make it a live template before doing so. Hopefully not? Other code I'm working with in other portions seems to work fine despite this. I appreciate your patience and you trying to help, however this ends up panning out! 🙂 Show me your current wells template site, you can enable site password for access BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
FrH Posted July 2, 2021 Author Posted July 2, 2021 15 hours ago, bangank36 said: Show me your current wells template site, you can enable site password for access One of the pages in question: [redacted] Password: secretpassword1
Beyondspace Posted July 2, 2021 Posted July 2, 2021 1 hour ago, FrH said: One of the pages in question: https://www.harvieillustration.com/characterdesign Password: secretpassword1 add these to Design-custom css BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
FrH Posted July 2, 2021 Author Posted July 2, 2021 14 minutes ago, bangank36 said: add these to Design-custom css Oh, it works! Thank you so much! Is there any way to include the image titles in there too (somewhere) or no? If not, that's totally fine
tuanphan Posted July 7, 2021 Posted July 7, 2021 @FrH I see the site has some problems. Do you need help? Site URL – https://www.harvieillustration.com/ 1. (Homepage) Increase text size? https://www.harvieillustration.com/ 3. (Mobile – Contact) Align 3 icons center? https://www.harvieillustration.com/contact 4. (Mobile – Commissions) Reduce space between image? https://www.harvieillustration.com/commissions 5. (Tablet – About) Change to 2 columns/row? https://www.harvieillustration.com/about 6. (Contact) 7. (Tablet-Homepage) Change to 2 or 3 images/row? 8. (Contact) Increase image? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
FrH Posted July 16, 2021 Author Posted July 16, 2021 Sorry for the late reply. You caught my website when I was revamping it - so many of these problems are resolved or changed completely. I appreciate your offer and will let you know if I need you! Thank you so much.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.