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

Search the Community

Showing results for tags 'grid-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

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. Site URL: https://www.makinganexoneree.com/experts Hi, How do I get the captions on my simple gallery grid to be centered? Can't quite figure out the CSS for it. Thanks in advance! Page is here: https://www.makinganexoneree.com/experts
  2. Site URL: https://ferret-porpoise-kz74.squarespace.com/ I have used a code to create an overlay caption to appear on grid gallery images whilst hovering... however I would like for the caption to sit at the bottom of the image rather than the top (as show). Any help would be fantastic! Many thanks!
  3. I'm helping set up a new site for my mom who is an artist. Our goal is to format her galleries so that image captions are not visible in the grid gallery overview, but do appear when an image is enlarged into lightbox. This was easy to do on my older 7.0 site, but we're having trouble on her newer 7.1 site. Any help on how to do this? Or is it possible to opt for 7.0 when setting up a new site currently?
  4. Site URL: https://thedetoureffect.com/ Hi there, Hoping somebody can help me with some sleuthing. A few weeks ago I found code suggested on Skillshare that worked really well to wrap the text below my image grid gallery (it was getting cut off and you couldn't read the full title). All of the sudden this week I noticed it just suddenly stopped working, my text is once again not wrapping. See my uploaded image for an example. So then I looked on this forum for different code to try, and found this thread. None of the ideas here worked either. So maybe there's some other code I have elsewhere in my site that is preventing any of these from working? After getting the text wrap to work initially, I added two other unrelated codes later. One was Google Analytics which I just copy/pasted directly, there shouldn't be anything wrong with it. The other was a featherlight thing that I got from this thread so I could have a pop-up when people click on my "pandemic planning" button. Maybe that messed up my text wrapping thing? Grateful for any ideas. My site is thedetoureffect.com. Everything we're talking about is on the home page.
  5. Site URL: https://www.exceedfootwear.com Hi I am looking to change the view from 1 product per line on the iPhone to 2 per line (making the images smaller). How can I do this ASAP. Any help would be greatly appreciated
  6. I am using Squarespace 7.1 to build my website and I would like the photos on my gallery page to display as a masonry grid of three columns. All good until this point. The problem is that by doing so the grid on mobile changes to two columns which is very uncomfortable on a phone. Is there a way to change the grid to one column just on mobile while keeping 3 columns on a desktop? It would be awesome if I could also activate lightbox for desktop while keeping it inactive for mobile, though that's not essential. Thank you!
  7. Site URL: https://someguystop1000albums.com So I have a site that is thumbnail gallery display pages where each thumbnail links to its own post. I have 1000 of these broken into 10 display pages that are accessed from the navigation. Recently I switched from Avenue to Brine theme to have more control over the post, like being able to shut off dates and name. With Avenue you were able to click on a thumbnail then hit the BACK ARROW on computer or BACK BUTTON on smartphone and it would bring you back to where you were on the scroll (where ever the album cover thumbnail is). Now, with Brine, it brings you to the top of the page. This is a problem, especially with smartphones, given there are a 100 thumbnails per page arranged two per row. Is there a code fix that would make Brine behave like Avenue on this point. Below are captures from a desktop and smartphone
  8. Hello. I am looking for code that will allow me to change the font size on a gallery grid block ( not a summary block). Any help will be greatly appreciated. Thank You
  9. Currently working on a site in SQSP 7.0 and setting up images in Gallery using a simple grid with the images displaying in an aspect ratio of 1:1. I want to use images with no borders for uniformity in the gallery but have them appear in Lightbox with a white border around them so they stand out from the dark background in Lightbox when opened to their normal size. Is this something that can be achieved through the use of CSS
  10. Site URL: https://www.saylinds.com Hey folks, hoping you can help me out with coding a hover effect like this. I'm currently using Image Blocks on my Home + Work pages but ideally I'd like to use a Grid Gallery Block with a hover overlay that displays title, description, and opacity. I'm still in version 7.0 and I haven't found a code recent enough that works. Thanks in advance!
  11. Site URL: https://www.mattreynoldsphotography.com/ Hello, hoping someone may be able to help. I am using the Avenue template. Have created a grid-gallery for images and have the box checked to open the image larger in a lightbox if clicked. For the individual images, I have titled each and for some I have a subtitle description area. On the desktop this works perfectly yet on Mobile my title and subtitle does not show up on the individual images when opened. On my phone there is a tiny button where I can enable to read it and then it shows but I don't think people will realize and want to force show it below the image each time. The same way it does on a desktop. Is there any code I can add to make this happen? www.MattReynoldsPhotography.com
  12. I would like to achieve masonry like gallery layout in Shop on my site using 7.1 The first image is my site now.. the second image is what I would like it to look like (that is a summary block work around which I cannot use). Can anyone help me with custom code? TIA!!!
  13. I'm trying to create this design on my website: a few icons (illustrations I will draw) with a title and text underneath. It's driving me nuts. A grid gallery doesn't display an "excerpt" or a "description" only the title. A grid summary block will show the title and excerpt but then it becomes a link (I don't want it linking anywhere). Image stacks make the photo/icon part of it way too big and I can't find a way to adjust the size of the photo/icon to make it smaller. Everyone does this like it's super simple and I can't figure out why it's seeming so complicated to do such a simple, basic thing. Any ideas??
  14. Hey all, I am wanting to find out if there is a media query or better solution that will allow me to have a Slideshow: reel for desktop only view and Grid: strips for mobile only view. Thanks in advance.
  15. Site URL: http://differentkennedy.com/apparel#/star-wars Previously worked here to gain CSS to apply a counter as thumbnails within a gallery grid so that lightbox clickthroughs were originally displayed as numbers for a cleaner layout. Recently updating the layout and would like to add more images but would like the counter to always remain at 2 digits - ie "1" is displayed as "01" while "10" remains "10" Currently the 0 appears before all numbers and I'd like to maintain a two digit counter only if possible. See image below for current display
  16. Started a new gallery section and wanted to have a transparent (or opaque) overlay on hover like in the portfolio option Here is a screenshot of where I think the code is to copy, paste and modify but really I dont know what I'm doing.
  17. Is there any way to add video to 7.1 gallery sections along with just images? Like you used to be able to do in 7.0?
  18. Site URL: https://sprout-tuna-swnf.squarespace.com/presentation-creation I've added a grid of small images with titles underneath them. The problem is hen the title is too long, it goes into an ellipses and only shows part of it. I tried taking out the "overflow: hidden" rule, but then the titles just overlap onto one another. What I want is for the titles to go onto another line if they don't fit on one. Is that possible? The page is https://sprout-tuna-swnf.squarespace.com/presentation-creation
  19. Site URL: https://seal-burgundy-yx98.squarespace.com/ I'm hoping to have a hover effect on the images in the gallery on my landing page for Squarespace 7.1, that allows a second image to fade in. I've been able to find lots of tutorials for this for 7.0, and for image blocks and products on 7.1, but not for galleries. And I haven't been able to figure out how to set up the classes properly for this use. I'd like each image in the gallery on my landing page (currently a simple grid, which is the only simple grid gallery on the website) to show a second image on hover, and then those images would link to a page on my site when clicked. I'd only use this effect on my site's landing page (which is also the only page with a masonry grid). Ideally The links are currently set up. Ideally the hover images would be able to be uploaded using this method, but this is flexible. Site: https://seal-burgundy-yx98.squarespace.com/ Login with RobHutch Thanks!
  20. Hi, recently I've been working on a website for an art collector and have run in to a couple issues with my custom CSS. Since yesterday evening, the homepage of the website has display errors (grid gallery images all over the place and in different sizes) which automatically resolve once I click on "Editβ€œ for each section (without changing anything). I've tried removing all my custom CSS and the problem persists so I'm wondering whether that could be due to code blocks. If anyone's been through this before, please do help me figure out a solution. Below are two screenshots of 1.the display error & 2.the way it's should be showing up. Many thanks !
  21. Site URL: https://rosylingerie.ca Hi there, Just wondering how to make the four photos which below my "shop now" button become grid style and 2 images per row in mobile view only? Thanks!
  22. Site URL: https://apple-cobalt-rm97.squarespace.com/ Hi! I am trying to have images full bleed in a grid (see images below) with copy below each image. I have somewhat achieved that however the larger image doesn't stay aligned to the bottom of the other images as it scales. The code I used is below. Does anybody have any ideas of how to fix this or a better idea of how to achieve the overall look in general? The images will be links to the programs. I am also having trouble with the text below needing a bit of padding on the left, mainly on the larger image and also making the leading tighter just on this section. Thanks! ////// PROGRAMS HOME PAGE ////// // text no padding // #block-yui_3_17_2_1_1621910892795_30376, #block-yui_3_17_2_1_1621910892795_25128, #block-yui_3_17_2_1_1621910892795_26488, #block-yui_3_17_2_1_1621910892795_29021, #block-yui_3_17_2_1_1621910892795_27755 { background: #000000; padding-bottom: 0px; padding-left: 20px; text-align: left; } // Image no padding // #block-yui_3_17_2_1_1621910892795_10252, #block-yui_3_17_2_1_1621910892795_11420, #block-yui_3_17_2_1_1621910892795_16220, #block-yui_3_17_2_1_1621910892795_19896, #block-yui_3_17_2_1_1621910892795_22882 { padding: 0px; } // Full Width Image Card Page Section // section[data-section-id="60ac50915a700a0d77d5774d"] { overflow-x: hidden !important; overflow-y: hidden !important; .content-wrapper { padding: 0px !important; margin: 0px auto; display: flex; display: contents; } .sqs-layout .sqs-row .sqs-block { padding-bottom: 25px !important; padding-top: 8px !important; }}
  23. Site URL: https://piccadilley.com I'm currently using Shibori and I have embedded Vimeo videos that autoplay and autoloop featured in my gallery pages. I am interested in switching to Wexley as I prefer the mosaic gallery alignment that allows grid media to display in neat horizontal lines. In Preview Mode for Wexley, my embedded Vimeo videos don't display as they do in Shibori's gallery page and appear broken, though they do appear in the lightbox. Does Wexley not support embedded video displaying in gallery page grid view? I would prefer not to use GIF thumbnails as the loss in quality is so drastic.
  24. I've tried out the CSS which has been posted around here, to modify the number of portfolio grid columns for mobile. However, I'd like a little more granular control. I'm fine with the default single column for phones. But would like to force two-columns for tablets. And of course, I want to maintain whatever I choose for desktop (3-columns). So, is there a portion of the CSS which could be set for min / max screen width? That way I can only target a small range in sizes? Thanks!
  25. Hi there, I've just started building my photography portfolio using the Gallery Grid: Masonry option. However it seems to be cropping my images in a weird way. (E.g. some portrait orientation images are being cropped as landscape). Is there anyway to stop this happening and keep the aspect ratios as per the images? I have seen a photographer's website who seems to have achieved what I'm after, so I'm wondering if she's used custom coding? See her squarespace site here: http://charlottelapalus.com/ Many thanks in advance, Zoe
Γ—
Γ—
  • Create New...