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

Search the Community

Showing results for tags 'gallery block'.



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
  • 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

Found 30 results

  1. Site URL: https://pelitas.com/core-modules-1 Hi, I would like to create a grid of all the modules available in our platform with a description and a link to learn more. I'm able to do this with poster images, but this grid will live on several different pages so I'd really like to be able to use a gallery/summary block so I only have to update it in one place. Anyone have any ideas on how I can do this? Here's the page where I'm building it so you get an idea of what I'm going for. https://pelitas.com/core-modules-1 pw: example And a screenshot of the desired look (or something similar).
  2. 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; }
  3. Hi There, I am using gallery blocks on my v7.1 site (set to full bleed). I want to have some 1 column images followed by 2 column images staggered down my page. Between each gallery block section though, there is no padding between the images from one gallery block to the next. I added in the below code, which does add padding between the gallery blocks, but two things happen: The padding (when viewed on a desktop) looks fine, but when it's viewed on a mobile device, it does not remain even with the padding around the other gallery block images and a larger gap appears. The spacing of the images inside of the gallery blocks throughout is set to 45. This code adds padding to the tops of all of the gallery block sections on the page. The page starts with a text block followed by the first gallery block right below it. I have the copy at the top of the page center aligned in the text block and want to keep even white spacing above and below it. Questions: What custom code can I use to create even padding between gallery blocks (to be applied site wide) that would keep the padding even when my site is scaled down on a mobile device too? What custom code could be used then to keep the space at the top of just the first gallery block on the page (to be applied site wide) at 0 padding? Any advice or help would be really appreciated. Current Code: .gallery-grid.gallery-grid--layout-grid { padding-top: 30px !important; } Desktop: Padding Between Gallery Blocks Mobile: Padding Between Gallery Blocks
  4. Site URL: https://bulldog-green-chzy.squarespace.com/ Site URL https://bulldog-green-chzy.squarespace.com/ Password: Dpc35! I'm trying to add image descriptions, that appear in the centre of a "slightly" greyed out hover. I've been able to create the hover, however the image description appears right at the top of the hover (and therefore the image). I also want to be able to click on the image, to open the Vimeo video and play etc. I set it up by starting with a Blank page, added a gallery block - 'grid' - and "used existing Gallery" that I had put all the videos in (stored in my "Unlinked" area). (using Squarespace 7.0). I've attached a screen grab of what the image looks like when you hover .. This is the code I've been using: .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper .image-slide-title { position: absolute; bottom: 0; width: 100%; height: 0%; color: white; background-color: black; opacity: 0; transition: all .25s hover; } .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper:hover .image-slide-title { height: 100%; opacity: .65; }
  5. Site URL: https://www.adventuresinarithmetic.com We are using a Gallery Block to display a bunch of pages. However, we'd like the back arrow to not be displayed on the first image, and the next arrow, to not be displayed on the last image of the block. We'd also like to have the arrows alway visible, like the close box X. And also like to make the arrows and X bolder. Are there settings for this that we are missing? I'm new to Squarespace so I may have missed it. Or do we need to add custom code?
  6. Site URL: https://www.villetiihonen.com/serving-tray Hi, I have been trying to get my Gallery reel to show images one by one on the desktop. Mobile version seems to have worked out fine. The look I am going after is that of the Instagram multiple images scroll feature. I like how the images are in a reel and by clicking/ swiping you can reveal the next picture. I wonder if there is a way to limit the width of the gallery without losing the control arrows. This has been very tricky for me and I appreciate all the help! Thank you in advance. password to the site is villetiihonen2020
  7. By default the images in an image gallery block are left aligned. Is it possible to center the images instead?
  8. Site URL: http://www.wearehkers.com/eng Hello, Please can someone tell me how to use css to make the photos on a carousel gallery on Squarespace 7.0 not be cropped? currently it crops and fits to the height of the strip, I've tried a load of css codes but nothing seems to work... Currently the page isn't live yet
  9. I have worked thought a few CCS mods to get my gallery image block lightbox to look they way I want it to. I am having a problem getting the lightbox opacity to be 1 or full background with no opacity. Every time I inject a CCS mod the element z-index and opacity revert back to opacity:0.98 I have tried several variation but nothing works. Here is the latest CCS I injected. .yui3-lightboxoverlay-content .sqs-lightbox-overlay .sqs-lightbox-overlay-default.light.element { z-index: 10000000; opacity: 1; }
  10. Site URL: https://alec-stewart-ppn8.squarespace.com/config/pages Hello If I have a Gallery Block on a normal page, is it possible to have text overlaying the images? Thanks E
  11. Site URL: https://ezechielphotography.com/aline-michael Hi all, I'm new to this forum and have a specific question: How can I add spacing between images in my gallery block? The design option of the gallery block is "stacked". I am looking for something like in the attached image. Thank you for your replies and inputs.
  12. I am having trouble with my site with multiple admins uploading to the site. The site is regularly becoming unresponsive to all admins when trying to input text and upload images to galleries. no admin is working on the same page at the same time. There is no more than 4 people trying add to the site at the same time. Is there a limit on how many people can upload content at a time? I have made sure all images are within recommended sizes. I have a squarespace business plan, and am using version 7.1 Any help or knowledge is greatly appreciated. Thanks in advance.
  13. Hi on my squarespace I am unable to get a gallery block like the image I attached. it doesn't show up for me
  14. Site URL: https://www.nowthenjon.com/ Does anyone know how to remove the border around my gallery blocks on the homepage? I'd like this page to be consistent with all others and have full bleed images whether it's one column or more, but the template sits them in from the screen edge and there seems to be no option to expand these? Thanks in advance J
  15. I have a client who has two gallery blocks on separate pages. I'd like to have both of the gallery blocks on one page, but don't want to upload all the images again. Is there a way to move one over to another page?
  16. Site URL: https://www.sarahwalker.work/ Hi there folks! I'm having trouble with the gallery block on my homepage. It contains three images, with the column number set to 3 in the gallery settings. On desktop, it displays fine, but on mobile, the grid pushes the third image onto a new line, which is making me frustrated. I had a Google and tried the following code in the Custom CSS area, but to no avail - it keeps running over two lines, rather than forcing the grid to three on mobile. @media screen and (max-width: 640px) { .sqs-gallery-block-grid .slide.sqs-gallery-design-grid-slide { width: calc(100%/1); } } This is all well above my wheelhouse - my coding knowledge extends to inserting images and making html links (what a boss). I'd greatly appreciate any thoughts anyone might have about how I can wrangle this! Cheers from Melbourne, Australia, Sarah
  17. Site URL: https://albertorozco.co/ Please help! I created a blank page and added a gallery block on my Jasper Jin template page. I have made it as a homepage. albertorozco.co I am trying to make this page full bleed (full height and full width) on desktop, tablet, and mobile. I have a combination of landscape and portrait photos in the slideshow and they are set to automatically crop images to maintain a clean ratio. I dont want to use another template because Jasper provides all the page templates i require for my page. Is there a way to add custom css that will make this page full bleed (full height and full width) on desktop, tablet, and mobile. ? Thank you!
  18. Site URL: https://www.janagermanus.be So I used the Gallery block to insert my pictures on my website. When I look on my computer it all looks fine but when I look on my iPhone the spacing between the pictures is suddenly a lot wider. I know I probably have to use some CSS code but I don't have a clue what to use. Is there someone here who can help me? Kind regards, (the password of my site is 'testwebsite' by the way) Jana
  19. Site URL: https://harpsichord-rhubarb-hejr.squarespace.com/config/pages When I go to add a content block I don't have the option to add a gallery block. Anyone know why that would be? I'm guessing this is because I am in V7.1 but I want to add a video gallery so I can use summary blocks to place those videos on other pages.
  20. Hi I need to align some icons to the left to match the text. I am using a summary block with the gallery grid option selected. I can't seem to figure out how to make the images align left with the text.
  21. Site URL: https://villa-rondinelli.squarespace.com/ Hi there, I'm building a website with Squarespace 7.1 using CSS and HTML code injections with the Personal plan. I was wondering if it was possible to achieve the following: – on the home page (https://villa-rondinelli.squarespace.com/) make the banner slideshow full bleed so that the nav bar titles overlap to the banner – on the 'Ambienti' page (https://villa-rondinelli.squarespace.com/ambienti) create slideshows image blocks that sit on the side of the text I attached a couple of images for reference of what I'd like to achieve. Website password: maggie-villa Do you think any of this (or anything similar) can be done with some coding? Maybe resizing a slideshow banner or editing a blog summary? Thanks 🙂 Maggie
  22. Site URL: https://www.floisandstudio.com Hello - I am trying to add a gallery block "grid" below a gallery block "slideshow" on my home page. Anyone know how to do this? I have the Wav/Brine template. Thanks. Allison
  23. Hey guys, I am looking for a way to add gallery blocks to my squarespace 7.1 website. Appereantly they removed them according to this support page, which is really annoying and feels more like a downgrade. I absolutely do not want an entire gallery section, I just need a single block, that I can place similar to the image block inline with text. The user should then be able to cycle through these images easily. The page admin should be able to easily add and edit more images to that gallery, but as long as I get it working in the first place it should be decent enough. I am somewhat inexperienced with HTML and only have a very minimal understanding of CSS, so I am not sure where I would start, if I would want to implement it myself. Maybe someone here has either an off the shelf solution, some kind of hack or some selfmade code to help me out. If there is anything not clear in my question, do not hesitate to ask, since english is not my first language. Thank you all very much in advance.
  24. Site URL: https://juergenstrohmayer.net/nubuke-extended I would like to align all photos that do not fill the entire width of the gallery slideshow block to the left, to align with the text on the site. Portrait images currently align to the center. Settings are set to NOT crop images automatically, therefore resulting in images that do not fill the full width of the site.
×
×
  • Create New...