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
  • Squarespace Forum Club Guidelines'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

Found 63 results

  1. I've been trying to display the title and description of these images in a gallery grid on hover. I've been searching the forums and found some helpful code, but nothing that's exactly what I'm looking for. This is the code I am currently using (see below). It is displaying only the title on hover. I need it to display the title and description on hover. Does anyone have any suggestions? I'd also love the opacity to cover the entire image (right now it covers almost all but just the sliver of the top isn't covered). Let me know if anyone has any suggestions. Thank you! .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 5em; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title { background: rgba(240,240,240,0.8); } .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { font-family: sans-serif, futura pt ; font-size: 14px; font-style: bold; text-transform: uppercase; letter-spacing:4px; color: #fff; opacity: 0; } .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title { font-family: sans-serif, futura pt; font-size: 14px; font-style: bold; text-transform: uppercase; letter-spacing:4px; color: #000; opacity: 1; }
  2. Grid: Masonry - what is the css to change images to greyscale and then on hover to change to color?
  3. Site URL: https://www.mayamukhopadhaya.com/work I can't find where to edit the size of the title headings for blog posts - either in the blog post itself or in the gallery view of all blog posts. As a result, the titles are larger than I would like. How can I edit the title size? I looked in Design as well as in the Edit options for the Blog. PW to site url: mayam
  4. 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!
  5. 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
  6. Hello I'm really attempting to use a lightbox for gallery set of images. I understand that I can apparently only use a grid gallery to have the images come up in a lightbox when clicked(otherwise I'd love to use a slideshow gallery with no thumbnails). I'm trying to not have too many images on the page so what I'd really like is to only have 1 image to where when it's clicked it goes to the lightbox where you can scroll through this set of images. I'm not having much luck figuring out if there's a way for me to have a single display. I see there is a settings for rows in the settings for the gallery, is there a custom css I could use to limit to only 1 column as well? That way visitors can just click on one image and it'll open up a lightboxed gallery. Thanks for any help anyone can offer!
  7. Site URL: https://www.kobysibony.com/masks-faces-figures Hi - Updating a site for a client that uses the Forte Template and would like to change their galleries from the carousel/lightbox to a grid layout instead. Anyone out there with some guidance and a solution? Thank you!
  8. Hi, I'm currently in the process of changing templates on my website, but I've been struggling to figure out how to make the grid gallery in my Margot template full-width (mobile and desktop). There's a weird white margin on both sides that looks clunky to me. Any CSS or settings help? I'm not sure how to copy the link as it's not live, but please let me know anything I can do to make it easier to get some help. I did include a screenshot. Thanks so much!
  9. Is there a way to reverse the order of the photos displayed in a gallery grid? Speaking about a large grid with 80 + images
  10. Site URL: http://www.paologiacomazzi.com/ Hi! I try to change the frame around the images on the grid at the homepage of my site. I want to change it from black to white. How can I do it? Thanks! PG
  11. Site URL: https://www.tylerelise.com/ Hi all, I removed the "view" subtitle from my gallery hover state and was wondering if there was a way to now get the titles themselves to be centered in the space - they currently sit a little high up (I'm assuming to accommodate for the subtitle that was once there) Thanks in advance!
  12. 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!
  13. 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
  14. Site URL: http://www.thedesignemotive.com Hi everyone, I am looking to slowly transfer my current website, The Design Emotive, currently built on 7.0, to 7.1. One thing I have tried to build in are sidebar and banner "adverts", and I think my current set-up in 7.0 works well. How I have done it is I have a series of separate Galleries, to keep it simple, let's call it Banner-A, Banner-B and Sidebar-A. So when I write a post, I will create a Gallery block, and link it to the Banner-A gallery, then further down insert another Gallery block linked to Banner-B and same in the sidebar. These "adverts" are used to promote my YouTube channel, a recent blog post, Patreon, etc, and the idea is someone would click on this banner and it takes them to that particular thing. Why I've done it this way is so when I have a new blog post to promote for example, I upload the new banner image to the Banner-A's gallery and it's updated across the entire site, no need to go back through each post and change them individually. However with 7.1, I can't seem to figure out how I could replicate this. The familiar 'Gallery' has been replaced, and I can't seem to link to a particular gallery through a Gallery or Summary block. Maybe there is something with Blog and using Summary blocks but a lot of the time I want the "advert" to link to an external site or another page on the website, not to go to a dedicated blog post. If you look at this page on my website, https://thedesignemotive.com/architecture-design/gallery/footscray-apartment-boardgrove-architects, you'll get an idea of how I'm using these "adverts", which was individual Galleries outside of the blog post, linked through a Gallery block. Does anyone have any ideas, workarounds, etc? The big grand idea is to eventually have these blocks available to paying advertisers, so I want to get this right.
  15. 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?
  16. Im looking to change the position of the grid gallery titles any where within the image, possibly to place the title underneath the grid gallery image. Flatiron does not allow me to change the position as far as Im aware. Is there any script that could change this? Thanks 🙂
  17. Site URL: https://hopkinspsychedelic.org/research-1 I am trying to update the "Research" section of https://hopkinspsychedelic.org so that it includes past, current, and future research. I created a test page https://hopkinspsychedelic.org/research-1 to experiment. Ideally, I would be able to use a menu block and insert different galleries on each menu tab. Another option is to create new pages for each button option. However, the issue here is that each section of the main page is supposed to be indexed, and I'm not sure how to do this while also maintaining the indexed pages. Does anyone know of css or other squarespace functionality that will allow me to accomplish either of these options?
  18. Site URL: http://www.timkongart.com/ So ive been using the inbuilt gallery for my website ( I just signed up) and been having issues with the gallery, most of these images are ok as long as they're landscape in orientation, however, once they go into portrait it somewhat forces the image to fit inside the gallery frame. Its faar to small and I was wondering is it possible to view the image in full screen or at least allow for a zoom function? Honestly i migrated over to this website to mitigate the same issue from weebly and i distinctively remember there was a zoom function before, if this feature is now removed then it makes the move onto here completely pointless. Also i noticed if you untick 'lightbox' and try click on the images nothing happens. Is this like a beta build or something? Also I tried modifying the values in 'design' and it does absolutely nothing.
  19. Hi I am trying to change grid gallery mobile view, but I do not understand how to change it. From the attached pictures you can see, that currently on the desktop and mobile view I have two pictures side by side. I would like to keep this design for desktop but I would like to have pictures in a separate row in mobile. I understand that I need to use CSS for that, but I was not able to make the change. Could anybody explain me how can I change the mobile view for grid gallery in a way, that pictures would be in a separate row? Thank you for all the help!
  20. 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
  21. Site URL: https://www.hubbyco.com/positively-earnest The caption below images in the gallery grid view is body text by default. Is there a tweak to make it italic and bold without effecting body text elsewhere on site? Thank you!
  22. Site URL: http://micahveldkampdesign.com I have four different Indexes, each with an Intro & Gallery section. As this website is my portfolio, each image in the Index Gallery acts as a 'featured image' for the project it represents. The images are clickthrough linked to a separate gallery showing the projects in greater detail. I added content Titles to the 'featured images' that say the company name (i.e. boldSOCKS) or the projects (i.e. Graphic Asset Development) so that people know what that image is representing. The Titles show up in the lower right hand corner of the images. Everything looks great, except for on Mobile. on mobile all the Titles show up except for the last image in the gallery grid, for some reason. So, for example, on my main Index, I have three images: Company A, Company B, and Freelance. Freelance is the last one in the grid, and while the image shows up, the title does not. Company A and Company B show up fine... any ideas? I'm pretty stumped. It happens with every single gallery grid that has titles attached to the images. Thanks in advance y'all!
  23. 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 🙂
  24. Site URL: http://denizdemir.photos I'd like to simply have the gallery on my homepage display the gallery title when scrolling over the gallery image. The mouseover works on desktop but I find that people are not clicking on the gallery pages on mobile because they don't see the gallery title. Anyone might know some code for this to work? I'd only like it on the homepage. Thanks in advance.
  25. Site URL: https://mwejps3lrkma.squarespace.com Currently on 7.1 the Gallery blocks with links have no hover/interaction on them, so it's quite hard for users to tell they're clickable links. (example: https://mwejps3lrkma.squarespace.com) How easy is it to customise it so that we get a basic hover effect? Even a token 10% opacity on hover? Or even better display the 'Alt' text in the centre to match the styling on the Portfolio gallery blocks (example: https://mwejps3lrkma.squarespace.com/) I thought something like the below would be a quick fix but it doesn't seem to work; .gallery-grid-item img:hover { opacity: 0.9 !important; }
×
×
  • Create New...