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
  • 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: https://ewgarts.com Sorry, I know this question has been asked in various ways here before, but the CSS code I've tried either does nothing, or doesn't produce the desired effect. I want to place a border around each image in my portfolio, say 10px, but not the captions. In the screenshot below, I show a CSS sample that only puts a border on the left and top - so is something getting clipped or overlayed?
  2. Site URL: https://www.smorgasburg.com/ Hi, Im currently using Brine 7.0 and Im trying to edit the vendor page on my site. The gallery captions are not working with the CSS customization codes I have found. I am trying to have the vendor name in bold and the location underneath on a separate line. Is that possible?
  3. Site URL: https://tuatara-mandarin-t25h.squarespace.com I am pretty happy with how my desktop site is looking, but the mobile isn't working well for the gallery grid. On the desktop, I am able to hover and see the title text, but on mobile, it just shows a play button with no title or description anywhere. Id like to have the title on the video (so people know what they are clicking on) or below the video. I think I'm using the gallery block grid on the previous version of squarespace. And I did add custom video thumbnails to each video Any help would be greatly appreciated! tuatara-mandarin-t25h.squarespace.com Password:12345
  4. 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
  5. Site URL: https://lavender-gazelle-xecy.squarespace.com/ Is there a way to display a layout like this in a gallery and/or a shop page like this one? I am trying a new section and gallery for the horizontal and vertical images here: https://lavender-gazelle-xecy.squarespace.com/booknotescopy Thanks, George Cartwright
  6. Is it possible for the new image added to a gallery to come up first in order and not at the end of the page?
  7. 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
  8. Site URL: https://ferret-goose-4blj.squarespace.com/ I want to create jump links that take the user to a specific slide within a gallery slideshow. I know I can identify different items within the slide via the data-slide-url=“ujtuojlp09pftc4d84mipkkulkid0s” But what I don't know if how I use this data-slide-url to create a jump link so the user can see slide number 3 for example, without having to click through the rest of the slideshow to find it. If anyone knows how to do this you would be a life-saver! I know I haven't explained this very well, I'm struggling how to portray what I need to do - but I hope it makes enough sense! Thanks in advance.
  9. Site URL: https://www.abcollectiv.com Hi, I'm trying to find a customisation for my Gallery Page in Index- I would like the text to appear when you hover over image instead of the small white dot in bottom right hand side. I'm using using a Tremont Template. Attached photos Thank you
  10. Hi 🙂 Here is an example site: https://jbivphotography.com/ I would like to have mine have the same look. Have the gallery cycle through images every few seconds but also be the background of the header and the navigation buttons. The code below is the css code I used to have the gallery and some text overlay on top while the images cycle through. Now need some help getting the gallery to also be part of the header as opposed to the yellow marked section in screenshot #1. Code used: <style> #page .page-section{height:100vh!important} #page .page-section:nth-child(2) {margin-top:-100vh!important;} #page .page-section:nth-child(2) , #page .page-section:nth-child(2) .section-background{background-color:transparent!important}
  11. Site URL: https://www.seasonscateringca.com/photos I have finally figured out how to have captions appear only in lightbox mode, thanks to a lot of help from some users on these forums. However, the amount of photos on the gallery page and the content in the captions is so much information that it crashes while on mobile. Is there a way to have only a set amount of photos load at a time, then when they get to the end of that section, have a "load more" button to load more of the page? I hope that makes sense.
  12. Site URL: https://www.eugenetheron.com/mountain Morning, The vertical (portrait images) in my gallery always display a lot bigger than the landscape oriented images. Is there a way to make them similar sizes? I have posted a link to my website, so that you can see what the issue is and also a screenshot below. The current website is built on version 7 but am currently building a new site on 7.1 and have the same issue. FWIW - I have tried exporting them at different sizes from LR/PS and the issue still persists Any advice much appreciated Cheers
  13. Added a new gallery to my work. Gallery shows up on my Navigation and I can upload images but the page is grayed out and does actually show the gallery on the work page. How do I fix this?
  14. Site URL: https://www.studiojci.com/projects1 Hi Everyone, I'm having this weird issue on my website where: in the gallery, the clickthrough URL wont activate when clicked near the center of the image, however when the image is clicked near the edges of the frame, the clickthrough URL will activate. See below for an example Hoping someone might have a solution on how to be able to fix this issue so that the clickthrough url will activate once the entire image is clicked.. URL: https://www.studiojci.com/projects1 Thanks so much,
  15. Site URL: http://www.dronefreq.com Hello, I'm trying to decrease the negative space that my gallery section is taking up on my homepage. Is there a code that will minimize the height of this element on mobile only? I would like to decrease the space in between "Real Estate Photography" and the image toward the bottom of the screen in the attached image. Thank you www.dronefreq.com
  16. Hello, I'm building a photography portfolio site and some gallery pages work better as thumbnail galleries rather than slideshow galleries. Is there a way to have "Gallery 1" be default slideshow view and "Gallery 2" be thumbnails? Thanks in advance!
  17. I have been setting up multiple photo galleries for my site. I have tried everything to add more than one at a time. Ctrl, Shift, trying to box with the mouse, etc. but I can only add one. I have hundreds of images from my PC to get onto the site. I have seen elsewhere on this forum that others experience this too, and have searched elsewhere for a fix. Is this native to the builder, or am I just missing something. With gratitude.
  18. Hi! I'm looking to figure out how I can change the color of captions in a Grid Gallery Block in a Squarespace 7.0 site using CSS. I chatted with support who said, since it was CSS, they could not provide direct instructions on how to do it and to put my question out here. I watched this video: as well, but the code didn't work for me (even though I have a Squarespace 7.0 website with the Brine theme which the creator said should work). Does anyone know how I can change the color of caption titles for images in a gallery to white using CSS? Thank you in advance!
  19. Hello. Is there any way of lifting / going around the limitation of 250 photographs in a gallery module (collection)? I have to upload around 350 photographs and don't want to use "gallery blocks" on a blank page, as the loading time while using them, compared to collections, is extremely slow. Please, let me know if there's any solution to this issue, apart from moving the galleries to some other services.
  20. Site URL: http://www.studiojci.com/gc1 Hello, I made a Full-Bleed Cover Page using a Gallery block and resized the images to full width in order to cover the entire page (My webpage is Square-space 7.0). However, one thing I noticed is that white space will appear depending on the screen size. This means that while my laptop screen will display a full image, bigger monitors create a white bottom border that I need to get rid of. Is there any code/work around that will allow me keep the image sizes consistent across all screens so that all screens will show the same sizing and remove the white border? Thanks so much in advance, Website: http://www.studiojci.com/gc1 (Password: jci123) Laptop Display: Monitor Display:
  21. Site URL: https://www.alexanderwolf.nyc/dujour Hi there, I am using Mac OS X and Chrome, both of which are totally up to date. Lately, increasingly, I am having a major problem with my Gallery pages. I use the Wells template. My entire site is a series of gallery pages as it's a design-centric portfolio. Based on various clients, I have to often re-order the images within my gallery pages. Way too often, I will move images around (which are clustered by stories), only to realize that Squarespace somehow doesn't keep the order I have set and then images are out of order. Some images are 'left behind' and don't move in the way I have adjusted them. This is a big problem since I now constantly have to check my pages many times over to make sure something as simple as changing an order actually works. Do other people experience this? There seems to be no rhyme or reason to why the order isn't held that I am setting. Is Chrome not the best web browser to use with Squarespace? Thank you!
  22. Site URL: http://www.studiojci.com/ Hello! I am currently creating a Cover-Page for our website and I was wondering if it was possible to stop the auto-scroll feature for the images and add big arrows to the middle left and right sides where people can navigate through the images instead. For reference I am using a Squarespace 7.0 Avenue Family template so I cannot do a blank page and full bleed gallery block which I assumed would have been my alternative. I am also using the TRADE layout as my cover page. Thank you for any and all help you may be able to provide!
  23. Hi there, This is a gallery page. I am trying to fit this text in a mobile view. I would think some CSS code might help to solve this issue but couldn't find any. Is there anyone who can assist me with this? Image 1 - Screen view Image 2 - Mobile view Thank you!
  24. Site URL: https://daffodil-clementine-36hx.squarespace.com/config/pages I am building a site for a boat brokerage. Needless to say they have many products (listings) with multiple category options. I am wanting a simple way to navigate the within the product gallery. I have hunted high and low to find a way to filter/sort these listings in a way that is generic across the site in the sense that the same categories can be applied no matter what product. I have 5 product galleries. 1.Yacht 2.Power 3.Multihull 4.Trailer Boats - within each product type i'd like to display the sort options as a dropdown where the user then selects how they would like to view the products within the gallery. I was reading a thread earlier which suggested using an Archive block as a way to display a "shop sort". I had a play around with this and i think this is actually a viable option. The question is this.... How do I get the categories to action as per my category titles suggest they will. - sort by lowest price - sort by highest price - sort by type Here is an example of a dropdown shop sort on a similar type of site to the one I am currently building https://www.busfieldmarine.co.nz/shop/New+Boats.html Can anyone shed any light on this please? I am also open to other suggestions - I have looked into a universal filter and a mega menu - i not written these off instead i am still exploring options - the archive block made a lot of sense and relatively simple if I can get it to function accordingly. Help would be very much appreciated please!
  25. Site URL: https://www.corvi-mora.com/exhibition/sorrow-for-a-cipher/ Hello ! I am new here and not sure how the forum works. But I thought I would give it a go. I would like to know if there is a way (CSS code) to change the gallery arrows from static (like in here: https://hichamgardaf.com/works/records-of-a-vanishing-structure ) to floating (like in this website: https://www.corvi-mora.com/exhibition/sorrow-for-a-cipher/ ). I have tried many different css codes, but haven't succeeded to change them. I would very much appreciate if someone could help with this. Many thanks, Hicham
×
×
  • Create New...