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'.



More search options

  • 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
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

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

Found 43 results

  1. Hi All, I’m a filmmaker with little CSS experience, trying to add festival laurels to the bottom of my home page. I’m using Gallery Grid with the 4x across design and adding more as I go. I had used a custom CSS over the summer to dynamically adjust for mobile and iPad, but since adding a new gallery underneath (same design), the new row no longer retains the same formatting and becomes 2 x 2 and oversized, when compared to the top two rows. I also tried just editing my original gallery but the option to upload new images to it seems to overwrite my original gallery, so I figured I would just make a new one underneath. If anyone can tweak my CSS to allow me to (continue) adding laurels to the bottom with the same dimensions, I would be eternally grateful! https://www.followmyth.com/?noredirect pw: jpsmithx Brian
  2. Hi all, I'm using the Paloma template for my website gohoopday.com. If you scroll down to the sixth fold, you'll see tons of logos. On mobile, these stack (1 per row), which isn't very mobile-friendly. I am trying to get 2 or 3 per row for mobile. On a previous site with a different template, I used a formula similar to the ones listed in the link below, but on this template it's not registering. https://forum.squarespace.com/topic/64554-create-more-than-2-columns-in-mobile-for-grid-gallery/ I've tinkered around and tried this, but it only pushes the logos to the left rather than creating 2 columns. @media only screen and (max-width: 640px) { .gallery-grid-item { width: 50% !important; } } I am wondering if it is because this is a gallery page vs an image gallery. Anyways, I cannot figure it out - please let me know if you can help! Max
  3. I am building a Website in Squarespace for the first time and have been having the hardest time finding a template and navigation structure that will allow me to render my photographs in the way I'd like. I've been trying desperately to make the following below work in the Avenue template. I'd like to create a grid navigation that starts as an Index or Folder in the top navigation and then has cascading grids for navigation and viewing photos. For example, I'd like to create a top navigation called "Portfolio" with a sub-category "Calendars" - when you select Calendars, you would get a grid of thumbnails that show years like 2020, 2019, 2018, 2017 etc. When you select a year, e.g. 2020, you would get a Grid of the 2020 Calendar photos with each one opening in a Lightbox. Ideally I'd also like to have the photo title and description either render under each thumbnail image or show during the pop up. I am even open to having the 2020 Calendar photos display in a slideshow as long as I could include the title and description. Anyone have suggestions for the best template and approach to accomplishing this, even if it means moving away from the Avenue template?
  4. Hello, everyone! I designed a site on the Foster template and used a Gallery Grid block for the staff page. On desktop if you hover your cursor over the photos each staff member's bio appears. However, on mobile you have to click a super tiny circle in the lower right of the photo to see the bios. I never knew this existed until a Squarespace chat support team member pointed it out. He recommended I reach out to the Forum to see if anyone has used custom code to enlarge this circle or to make the bio show up on default when the photo is clicked on a mobile device. If anyone has experience with this, please share. =) Thank you!!!
  5. I'm trying to create a hover in my gallery grid. I'd like each image in the grid to show a different image upon hovering. I have code in the css now to change the color but I'd rather it show a picture instead. Is it possible to do this? I'm using the brine template. This is the page I'm working on: https://www.stephanieausfresser.com/peakweather
  6. I set up a portfolio page with a number of sub-projects within that, each sub-project page with gallery grid images. The images have spacing between them which has been working fine on desktop view and mobile view until i logged back in today to do some more work on the site. Now although the spacing between the images still shows on desktop, the mobile view has the images touching at the top and bottom with no space in-between. I have rechecked the CSS codes I have added to date and can't work out why but looks like i may have done something wrong yesterday. Help would be appreciated in getting the mobile view to work again. The site is https://purple-chinchilla-4bnr.squarespace.com/ and password Toronto2019 thanks
  7. Hi guys! Im trying to add a second title/subtitle to my gallery grid thumbnails under the current title text but cant seem to get it to work. I´ve tried display the description as well but without any luck so far. I´ll like for the text as shown in the following picture and if possible have 2-3 subtitles. My website is: https://www.andrental.dk/ Any ideas and contributions are appreciated 🙂
  8. Hello, I am using the Grid Masonry gallery and have selected the Lightbox option, however I don't like the way the images transition from one image to the next. It's as if they are fading in and out or scaling, I'd like to change it so this doesn't happen. Is this possible? Thanks!
  9. Hi, I'm trying to find a template with a grid gallery layout where I can display the image title description below the image. I've been testing Foster and from the demo site and what squarespace says I should be able to move the titles below the images but I see no option to do that. I'm an artist and I can't have the title and description covering up my artwork. I currently use Avenue and am switching because I can not make the gallery a grid and the images are too big. I need to be able to display the images in a grid several next to each other with the title/description below so it is easy for people to scroll through when I submit for shows etc. If it's too much work people will get annoyed and move on. I feel like this should be simple but am stuck.
  10. Hello, I am struggling to add a button to my portfolio gallery. I am using a portfolio Gallery grid on the homepage with minimal of 9 images and underneath i want to place a "view all work" button which will direct to the full portfolio (separate) page. I know I can add extra elements in sections by selecting the little "grey selector inserts" but with this portfolio grid this feature is not working. Should i use normal images grid on homepage instead of portfolio grid? And then on the main portfolio page use the grid (the existing one)? I hope I make some sense. Thank you in advance.
  11. Hi have tried looking to see if there is a code already mentioned that i can use but can't see a response to help with my query. I am on version 7.1 and have set up a grid-masonry galley with landscape and portrait format images with inset width. I would like to reduce the width further but cannot find a way to do that. I am also having problems with the portrait format images appearing very large vertically with the whole image being higher than the screen size. This means only 2/3rds of the portrait image is visible at one time and you need to scroll down to see the bottom 1/3rd of the image (see attached photo of example). The html code for one of the portrait images from inspect is as below: <img data-src="https://static1.squarespace.com/static/5df7b9c2c15c2c1fc90f169e/5e0641c31aa65222ba975ea6/5e064206e2b52a3155f25a0b/1577574232104/okyiva_120101_5586.jpg" data-image="https://static1.squarespace.com/static/5df7b9c2c15c2c1fc90f169e/5e0641c31aa65222ba975ea6/5e064206e2b52a3155f25a0b/1577574232104/okyiva_120101_5586.jpg" data-image-dimensions="1667x2500" data-image-focal-point="0.5,0.5" alt="Elmina Castle, Elmina" data-load="false" style="width: 502px; height: 752px; object-position: 50% 50%; object-fit: cover;" data-parent-ratio="0.7" class="" data-image-resolution="2500w" src="https://static1.squarespace.com/static/5df7b9c2c15c2c1fc90f169e/5e0641c31aa65222ba975ea6/5e064206e2b52a3155f25a0b/1577574232104/okyiva_120101_5586.jpg?format=2500w" id="yui_3_17_2_1_1577661569410_1336"> Any suggestions on how i can control both the width (of landscape photos) and height of the portrait images? thanks in advance
  12. I’m looking to customize a grid gallery block on my page. Instead of having the images in the gallery clickthrough to an external page or lightbox as a larger version of the image file, is there a solve to lightbox them with a YouTube video upon click?
  13. I am updating my Squarespace portfolio. I would really like to understand how this site is structured. https://jasper-demo.squarespace.com/ When we are looking at the homepage "work" section. I love the functionality and would like to apply something similar to my site https://danikaseadesign.com/retail-branding I've moved from a "grid" to a "summary" but am still not happy. I would really like it to function exactly like the Jasper one but not sure what changes I need to make. Hoping that you can help me. Thanks so much.
  14. Hi, I have two images in a grid gallery. However, because squarespace puts them into containers with pre-defined aspect ratios, my css shadows look offset and the images don't align to site margins, particularly on mobile. If I can manually change the aspect ratio of the containers using css, this should fix it, but I can't seem to figure out if this is possible or where I would change it. I'm using York, and here's the page I'm testing it on Any ideas? Thanks!
  15. Hello! I haven't used squarespace in a few years so it looks like things have changed! I'm finding it to be very difficult to customize many of the templates as they are trying to make it as dummy-proof as possible. With that, they really limit the type of customization for the creator! Anyway.... Essentially, i would like to create a page with about 8 different sections in a grid. Each grid will have a label/button and when you mouse over the text a headline and/or quotes may appear. Is there a capability to do that? Or should i create an image in photoshop and create a gallery where when you mouse over the text, the image with all of my quotes/links pop up? Does this make any sense??
  16. Hi everyone - LTL, FTP - please be nice. 😄 I've got a new client who just sent me a screen capture from another company's website saying "I want this" for his homepage (I've attached that screen capture). I figured there must be a way to do this in 7.1, but I'm being stymied by the fact that there doesn't seem be a way to get buttons to show up on a Gallery Page. Am I missing something in the newness of 7.1, or is there just not a way to offer buttons like this anymore? Thanks in advance for your help, from a new-ish designer who is just plain old mixed up.
  17. I have several gallery pages which I would like to display in Grid format. However, some galleries have just one or two images in them. How can I edit the gallery to center the images in the middle of the page, rather than having them left-aligned? I am using the York template.
  18. I have added very basic code under Design>Custom CSS to add a font and apply it to h1, h2, h3, and h4 headers. The fonts are changed everywhere except one section in my home page, which uses a Portfolio Grid Overlay. There are three photos across with titles in each one which disappear when you mouse over them. I can find where to edit the words in these titles, but the font is not changed at all by the added CSS code. There is an h4 header below this block that has been changed by the CSS code. I was thinking of inserting a code block but the section with the Portfolio Grid Overlay does not have an insertion point. Any advice? Are these titles possibly something other than the standard h1, h2, etc...?
  19. I'm trying to reduce the padding between all the grid galleries under "portfolio" and was curious if anyone knew how to do it. All the padding settings under site styles seems to change everything on the site except for the galleries. Please let me know if anyone has a solution for this. Check out the site: www.reverihomes.ca Thanks in advance! Sam
  20. Hi there, I'm working on building project pages for my gallery, and on the main "Work" page that shows the featured images for each project, I'd like them all to be square. Currently they alternate rows: square side-by-side, then full width image, then side-by-side squares, etc. Here is a screenshot (site is not live yet). The lower, greenish section I'd like to become smaller and a square so that another image can be side-by-side. Thanks!
  21. Hi, Im using the brine template and on the 'about' page i am using a grid gallery to showcase some logos. see attachment. The gallery is looking fine on desktop view, but when switching to tablet, the logos seem to get really small. I'd like to use some custom css to reduce the padding around each logo for tablet only. Link to website: https://tbktest.squarespace.com/about Thanks in advance. Dan.
  22. Find it really weird that you can add descriptions to gallery images in a grid but they only display if you make the gallery a slideshow Is there any way to display the image description underneath the image while it's in a grid? Attached is an image of grid for reference, would love to have some text under those images
  23. Hi! I have a grid gallery of images and want to add a button on top of them. I've tried different methods and have been really struggling with this. Right now, I have a gallery block and a button block. I've used css to change the position of the button so it appears on top of the gallery image I want. The problem is that the button is not responsive so the position is awkward when viewed on a mobile device. I'm wondering if there's a way to position the button relative to the gallery image? I've also tried displaying the image title on top of the image. The problem with this is the title isn't a clickable link. Here is the CSS I used to move the button: Here is how it looks on a normal screen: Here's how it looks on mobile: Here is a link to my website: https://lion-wedge-b4fc.squarespace.com/usa The password is 12494
  24. I have a gallery block on this page and I would like the titles to also be clickable, is there code I can use to do this? https://oval-green-mdps.squarespace.com/portfolio Password: abibdevelopment
  25. Hi there, I have set my image border radius to 4px !important, however it is not working on some image corners and some images at all in my gallery grid block. The code I have used its: .sqs-gallery-block-grid img { border-radius:5px !important; } Any suggestions on how to fix this are most welcome! Thanks, Sam
×
×
  • Create New...