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

Search the Community

Showing results for tags 'gallery-page'.

  • 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
    • Resources
  • 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. Site URL: http://www.frankmeuschke.com Hi. Looking for help with CSS injection to change position of the image title in Wells 7.0 Gallery Page. It appears to be either on the left sidebar when large or overlapping image when medium size. I'd really like it to be 1.5 lines beneath the image, left side and stick with that placement regardless of browser window size. I've used this forum to find code to inject to change the font size of the image title (great, thanks!), but I see it is still the same in mobile (thick font -darn ugly) and I'd like that to be the same lightweight (normal?) font as on the desktop version. Thank you. Attached are some page examples of the image title location problem and the mobile version thick font. www.frankmeuschke.com
  2. Site URL: https://conch-scarlet-sf39.squarespace.com/rosen-residence-gallery-woodson-gilchrist-architects/ I have set my Gallery Controls on my site's Gallery pages to show only "numbers" as the slider navigation. But when I look at different pages . . . I get either the left side numbers or to the right side, the Prev/Next. I only want the numbers. Any ideas what I can do to remove the prev/next? The attached image shows prev/next. This linked page is showing the numbers: https://conch-scarlet-sf39.squarespace.com/rivermist-townhouses-woodson-gilchrist-architects Thank you in advance. JW
  3. Site URL: https://gopher-antelope-sfzz.squarespace.com/ When I change one gallery column number the other one changes as well. I want branding to be three columns and the life and love to be two columns. is there any way to make this happen. i tried targeting the grid overlay repeat in the life and love section but no luck PW: 1234
  4. Site URL: https://conch-scarlet-sf39.squarespace.com/rosen-residence-gallery-woodson-gilchrist-architects My site uses the Wells template. In the last few days, the number controls display a background (#696967) that I can't remove or replace with #ffffff. Scroll down on the first image to see what I'm referring to. Any ideas how to remove this? Thanks, Judy
  5. Site URL: https://conch-scarlet-sf39.squarespace.com/ortale-residence-woodson-gilchrist-architects Hello, My website uses the Wells Template and in the last week or so, has a display problem -- but only in tablet views. When loading on a tablet, the page shows a stack of what appears to be thumbnails (see attached image) -- but only in profile versions. In some cases, the thumbnails start to get bigger in -- it seems -- increments of 3 seconds (see the attached video) until they reach full size. If I rotate to landscape side, the images appear as normal. And then if I rotate back to profile, the images stack to the normal size -- no more thumbnails. My co-developer and I can't figure this out and fix it. Thanks in advance! J https://photos.app.goo.gl/dxyD1LyWwkwA9t8TA
  6. Hi, I haven’t seen this spoken about much yet but is it possible to add a feature whereby site visitors can like and comment on individual photos? If so, how do i go about implementing this? Thanks
  7. Site URL: https://www.joannetapodicreative.com.au/branding-websites Hi to all the CSS gurus out there! I am struggling to find a way to remove the hover for the slideshow gallery page section I have on an index page on my website (https://www.joannetapodicreative.com.au/branding-websites). It is the section that shows an automatically transitioning slideshow with mock-ups of website designs in laptop, iPad and iPhone. As soon as you go to use the arrows to flick through the slideshow manually there is an opaque hover that occurs and essentially dulls out the images, this is especially noticeable on those images that are darker. Can someone please help with a code that can disable this hover effect, try as I might I can't find anything that does the trick. TIA!
  8. Site URL: https://fennel-tomato-k9rn.squarespace.com/config/settings Password to view site: queso Hey y'all, I am trying to add a caption overlay to my gallery on the photo galleries page while keeping the masonry grid sizing the same. I found some code on here that I plugged into the CSS and tweaked with a little bit to get the caption overlay option, here is the following code: /*GALLERY OVERLAY*/ .gallery-caption.gallery-caption-grid-masonry p { opacity: 0 !important; } /* ------- GALLERY CAPTIONS --------*/ .gallery-caption-grid-masonry p.gallery-caption-content { font-family: "Night"; font-size: 2vw !important; font-weight: 500 !important; text-transform: uppercase; line-height: 1.2em; color: #000000; } figure.gallery-masonry-item { position: relative; } .gallery-caption { position: static; } /* title */ .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; background-color: #e0e0e0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 1000ms !important; opacity: 0 !important; pointer-events: none; } .gallery-masonry-item:hover .gallery-caption-content { opacity: 75% !important; } /* overlay */ .gallery-masonry-item-wrapper a:after { background: none; /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 100ms !important; } .gallery-masonry-item:hover .gallery-grid-item-wrapper a:after { opacity: 0.50; } /* remove gap */ figcaption { padding: 0 !important; } figure.gallery-grid-item { position: relative; } .gallery-caption { position: static; } /* title */ .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; background-color: none; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 1000ms !important; opacity: 0 !important; pointer-events: none; } .gallery-grid-item:hover .gallery-caption-content { opacity: 25% !important; } /* overlay */ .gallery-grid-item-wrapper a:after { background: #e0e0e0; /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 100ms !important; } .gallery-grid-item:hover .gallery-grid-item-wrapper a:after { opacity: 0.40; } /* remove gap */ figcaption { padding: 0 !important; } @media only screen and (max-width: 1400px) { .gallery-masonry .gallery-masonry-wrapper { columns: 2; column-gap: 0; height: auto!important; display: block!important; padding: 0px; } .gallery-masonry-item-wrapper { height: auto!important; } .gallery-masonry-item { position: relative!important; transform: none!important; width: 100%!important; display: block; padding: 14px!important; box-sizing: content-box; } .gallery-masonry .gallery-masonry-item img { height: 100%!important; width: 100%!important; } } @media only screen and (max-width: 750px) { .gallery-masonry .gallery-masonry-wrapper { columns: 1; column-gap: 0; height: auto!important; display: block!important; padding: 0px; } .gallery-masonry-item-wrapper { height: auto!important; } .gallery-masonry-item { position: relative!important; transform: none!important; width: 100%!important; display: block; padding: 3px!important; box-sizing: content-box; } .gallery-masonry .gallery-masonry-item img { height: 100%!important; width: 100%!important; } } @media only screen and (max-width: 750px) { h1 {font-size:28px!important;}} /*END OF GALLERY OVERLAY*/ While this code has helped me create an overlay option, it messed with the borders and resized the gallery images. I am trying to figure out how to get it to keep the masonry outlay which looks like this: Thanks!
  9. Site URL: https://www.fauxmilk.com Hello! I was wondering if it is possible to blur an entire gallery until the visitor click a checkmark box to unblur it? If so how do I do this? My galley is here (nsfw warning) https://www.fauxmilk.com/illustrations Password is Hello Here is a site that does this (nsfw warning) https://mscloud.art/nsfw/
  10. Does anyone else have this issue? Dragging the images around is very touch-and-go for me. I usually have to add the images in one round, then refresh the page, open the edit again, and sometimes I'll be able to rearrange them with drag-and-drop. Additionally, when I add a description and a link and save the page, it saves the changes maybe 50% of the time. See attached video. I've tried in Chrome, Safari and Firefox - all of them have the same issues. I've also tried in private / incognito windows to rule out browser cache or cookie issues. I'm not sure if this is the right place to report this. I'm building a website for a client and I have A LOT (hundreds) of images and galleries. Screen Recording 2020-05-15 at 5.33.08 PM.mov
  11. Hi Squarespace Community, How do I make my different gallery pages have different styles (i.e., full bleed for one and center for another) in Momentum template? I am using a gallery page for my homepage in full bleed, which looks great. I also have the "Gallery Initial View: Slideshow (homepage)/Infoview" selected. This makes all my other gallery pages show up in infoview, which is also what I want. Except the images in the infoview pages now all hug the navigation bar at the top and left screen instead of being nicely centered like they would if I used the the "Center Gallery Style" for those page. Please help πŸ™‚
  12. Site URL: https://spinach-cuboid-lyaf.squarespace.com/spike-by-spike-lee Hi all! I'm trying to customized the image padding of a masonry section. I've done it successfully here, with the simple gallery. But I can't seem to find the right code in the masonry gallery. Any help would be greatly appreciated.
  13. Site URL: https://www.maomiyakoshi.com/ Hi, I am creating the styling portfolio website. Is there any way I can use a different aspect ratio for each page? I would like to keep 3:4 (vertical) for fashion page, and 16:9 Widescreen for Moving image. If anyway could help me, it's much appreciated x Thank you so much! Website: https://www.maomiyakoshi.com/ Password: maomiyakoshi Fashion page ( 3:4 (vertical) ) https://www.maomiyakoshi.com/fashion Moving images ( 16:9 Widescreen ) https://www.maomiyakoshi.com/moving-images
  14. Site URL: https://www.andrealepori.com Hey guys, Hope you're all doing well, I am having some trouble using a CSS custom code in order to make nicer captions on my new website. The idea would be to have my credits for each album showing up on hover while being linkable to an external url (spotify) Anyone could help me with this? I am currently using this bit of CSS, but can't make the links working?being clickable again. Hope it makes some sense figure.gallery-masonry-item { position: relative; } .gallery-caption { position: static; } .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-masonry-item:hover .gallery-caption-content { opacity: 1 !important; } figure.gallery-masonry-item .gallery-masonry-item-wrapper:before { background-color: rgba(0,0,0,0.7); content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; opacity: 0; transition: all 0.5s; } figure.gallery-masonry-item:hover .gallery-masonry-item-wrapper:before { opacity: 0.6; transition: all 0.5s; } figcaption { padding: 0 !important; } mba_website.mov
  15. Site URL: https://www.buromaak.nl/ Hi everyone, I am looking for a way to add a description overlay to a gallery. On my home page I have one gallery with 7 images. If you click on the first 4 images in the gallery it will redirect you to a new page, on the last 3 images you can't click. I have added a 'description' to every image in the gallery. However, for some reason, the description won't show up, if you hover over images that redirect you to a new page... It's a bit annoying since you don't know what you are clicking on at the moment... Ideally, I would like to have a text show up on every single image (when hovering over it), redirecting to a new page or not. Does anyone know how to fix this issue? Thanks!
  16. Hi everyone, I have a small gallery with the arrows to change to the next slide on the side of the pictures (quite standard). I am trying to find a way to enable navigation through the gallery by pressing left and right arrow keys, but can't figure it out. Is there any way to do this? Also would be nice if it is also possible to change the image by pressing anywhere on the left/right side of it (instead of having to hit the very small arrows). Any advice on this would be also appreciated. Thanks!
  17. Site URL: https://www.johanneswarnke.com Hi there, Is there a way to add two galleries within a single section e.g. instead of width 100% - I want to add two slider galleries on either side of the page (left & right of the same section) Thanks, Liam
  18. Hi, is there a way to control the height of portrait-format images so they match the screen height in a masonry layout? Also, are there possibilities to tweak the layout, so that for example I could have a landscape image spanning two columns? I am trying to recreate something similar to my current website: https://felixbrueggemann.com/project.php?pid=87 Thanks, Felix
  19. Site URL: https://www.positivespaces.com.au/work/mollymook-beach-01 I have a page (see example at link provided) with a 2 column photo grid simple gallery. On my 6th Gen iPad in Portrait orientation, the photos display one under the other. However on my iPhone 7 in Portrait orientation, the two photos display side by side, which makes them very small. See screenshots attached. How can I get the photos to display on the iPhone like they do on the iPad?
  20. Site URL: https://lokalamico.com/ Hi, The vimeo in lokalamico.com/video-test (password: v123) is added in the gallery block via link only. However, we need it to be autoplay, autoloop, and auto mute, which means we need it to add in the gallery block via embed code. The problem comes in, the gallery block won't display the embedded video. Any idea or workaround to do this? We tried adding it via embed or code block, but it responds differently in size from the gallery sizes. Thanks!
  21. Site URL: https://glennoctor.com/ Hi, I have a page with just a gallery grid, and I want to add padding to the right side of the page so the gallery doesn't take up the entire screen. I've tried a few solutions but I can't quite get it to work. Would really appreciate if anyone could help me out with a solution. Page: https://glennoctor.com/ Thanks!
  22. Site URL: http://www.maum.com Hi, I have the main page like the screenshot below, I would like to know if there is any way i can add the pan effet to the images? if I do the background with a regular photo, it has the effect, but not the gallery group. Help me! Please ignore the web address, it is not.
  23. Site URL: http://www.mcgowanweddings.co.uk Hi, I'm trying to remove the title and description specifically for the banner photos of my homepage. I have code that will remove them successfully, but unfortunately when I apply the code it also removes the titles and descriptions of my testimonials banner further down the page. My website is: www.mcgowanweddings.co.uk The code I'm currently using is: //hide the title and descriptions of photographs in banner on homepage .Index-gallery-item-inner h2 { display: none; } //hide descriptions .Index-gallery-item-inner p { display: none; } So just want to make the above code specific to the first intro heading banner on the homepage. Thanks πŸ™‚
  24. I would like to have padding between the top images and the section above, only as much as is on the sides and in between, but it's not an option and I don't know how to code. I did a little research but didn't find anything that worked. Hoping someone can help me out!
  25. Site URL: https://native-demo.squarespace.com/images-native/ Hi all, I created a page with multiple image blocks that works as an artist portfolio. I would like those images to be able to be displayed in a lightbox. My problem is that I am able to set up the lightbox for each individual image but I would like ALL of the images to be able to be displayed in just ONE lightbox. Here's an example: https://native-demo.squarespace.com/images-native/ Another example here: https://www.kellyspencer.co.nz/smallworks I'm on the 7.0 Squarespace version. The page was created by selecting "new page," then I chose the "Images Layout/Vertical Masonry." Does anybody know how to set up an image gallery with a single lightbox like in the sample website above? Much appreciated Ninu
Γ—
Γ—
  • Create New...