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

Search the Community

Showing results for tags 'slideshow-gallery'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Found 229 results

  1. Site URL: https://www.henrydrago.com/tab-lp Using 7.1 and I am trying to left justify the slideshow gallery section as well as give it the same content width as the above section (narrow). After digging around I can't seem to find anything on how I could go about this edit - I would love some input. Page www.henrydrago.com/tab-lp password: drago2020 Additionally if anyone has knowledge how to reposition the 'next image' arrows below the content that would be amazing. Thanks! Henry
  2. Site URL: https://moxieespresso.squarespace.com My client wants one of image blocks to a slider of the image with others. They want it to autoplay. However, it seems that the carousel gallery block is not available in the latest update. Anyone have a workaround or some CSS/plugin that will do this?
  3. Hi, I am using Squarespace version 7.1. I want to create a slideshow of full bleed images with the SAME headlines / text but the image changes in the background. At the moment I can only either add: A "headline" section with full bleed image and text on top or A "gallery" section with a slideshow of full bleed images without text. Is there a workaround for this? If not I would like to downgrade from version 7.1 and use an existing template that gives me the option to do this. Website is middl.io and password is staging only ThanksHannah
  4. 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
  5. Site URL: https://dylansoffice.com/project-004 I have two side-by-side slideshow galleries. Below the images "prev" and "next" controls are aligned to the left. How can I align "prev - next" controls to left with left gallery and align to right with right gallery?
  6. Site URL: https://goldfish-parsnip-mhd3.squarespace.com/config/pages I noticed when I use a Slideshow Reel for a gallery, when I go to mobile, it cuts off the left and right side of the images. In an older site I made, using Ishimoto in 7.0 -- a site which is built around slideshow reels -- when the reel went to mobile showed all the images stacked on top of each other for you to scroll down through. This worked extremely well. Would there be a way in 7.1 to get the Slideshow Reels to do the same on mobile so none of the images get cropped? Thanks for any info.
  7. Site URL: https://www.cetoolsinc.com/ I removed the gallery from desktop view, but the blank block is still visible. How do i remove the blank block on desktop view? I've tried every combo of CSS to try and remove it. This is the code I used. div#block-yui_3_17_2_1_1596549141846_3681>.sqs-block-content:first-child { display: none; }} @media screen and (max-width:640px) {
  8. Hey guys, I was wondering what could be the easiest way to have a moving gallery in the background that shows either different amount of images / gifs or videos, similar like they did here: https://www.apple.com/tv/?cid=oas-us-domains-apple.tv Any ideas how to recreate that? It needs to be full width on all devices
  9. Site URL: https://www.strandlock.co.uk/about-aveda Hi, I applied the slideshow gallery block for 4 of my pages and they look just fine on laptop view, however, they become very small on mobile view and I have tried many codes but none seem to be working (I have attached the mobile view as well). The one I am currently using is: @media screen and (max-width:640px) { #sqs-gallery-design-strip-slide{ min-heigh: 40vh !important; } } or I have also tried it with width: @media screen and (max-width:640px) { #sqs-gallery-design-strip-slide{ width:100% !important; } } The links are as follow (all with the same problem): https://www.strandlock.co.uk/about-aveda https://www.strandlock.co.uk/aveda-colour https://www.strandlock.co.uk/scalp-health Does anyone have an idea maybe why the code is not working? Thanks a lot!
  10. Hey guys (and gals), I am setting up my Squarespace site and want to have a slideshow on some of my pages that just auto plays slowly. However, since the auto play interval can only be set to a max of 10 seconds I am slightly out of luck since I find this to be a little too fast. So I was wondering if anyone knew if it is possible to change this interval somewhere. I have looked in the "site styles" tab but could not find anything there, I am very fresh to HTML and CSS so I have not been able to dabble too much around with it. I had a poke around in the F12 overview of the website and did find mention of a gallery interval but it was inside a huge block/function so I left it alone since I could not really understand how it worked at all. If it would not be too much to ask I would also ask if it was possible to change the actual transition speed between the images as well, since I find the transition to be a little too fast. I apologize in advance if this does not meet the standard of "Advanced code", since all HTML and CSS are advanced too me. Thank you so much for the read! Stay safe out there!
  11. Site URL: https://alvin-dela-cruz.squarespace.com/portfolio I've managed to get a slideshow gallery on my 7.1 site using the Chrome extension SquarespaceWebsites Tools. I've also managed to get the slideshow meta caption to sit below the image on desktop using the code below. However, I'm struggling to get it to show on mobile - I think there might be an overflow issue because the caption seems completely hidden. The password for this site is "pearler" Thanks! .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta { bottom: -130px; } .sqs-gallery-block-slideshow img { top: 0 !important; height: 100% !important; } .sqs-gallery-controls .next, .sqs-gallery-controls .previous { color: #242424!important; background-color: rgba(0,0,0,0)!important; } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta { background: none!important; } .sqs-gallery-block-slideshow .meta .meta-title { margin-top: 100px!important; }
  12. Site URL: https://www.jibarophotos.com/cuba-in-a-thousand-miles Hello Tuan, I'm hoping you can help me with a Slideshow Gallery. It works and renders fine on the computer but the images crop on a mobile, the full width of the image doesnt show. I tried fixing this with the width:100% attribute suggested in some other posts but it leaves a huge gap below the image. Here is a link to the page with the slideshow gallery, scroll down a bit to find it. I want to retain the full-bleed slideshow gallery on the computer, just need the image to resize for mobile. https://www.jibarophotos.com/cuba-in-a-thousand-miles Thank you!!!
  13. Site URL: https://lanternfish-synthesizer-3eh7.squarespace.com/config/settings/site-visibility Hi, On my 7.1 website: https://lanternfish-synthesizer-3eh7.squarespace.com/chris-robertshaw (Password: concrete), I am having an issue where on mobile, my gallery (slideshow: reel) is cropping both sides of my images. This is at the bottom of the page in a key projects section, there is text on the images so I want these to still show. Does anyone know if there is a way to stop this cropping from happening and have the full width of each image? Desktop view: Mobile view:
  14. Site URL: https://www.milkandtwoprint.com/ Hey Is there a way to make the images in the slideshow gallery clickable as it animates through each one? Looking for this on mobile and tablet devices Site is here — https://www.milkandtwoprint.com/ Thanks
  15. Site URL: https://leopard-fuchsia-sxbt.squarespace.com Hello, I am starting a new portfolio site and I am looking to do something very specific for the temporary landing page : SCENARIO 1 : I want to have a simple full screen slideshow with the possibility of loading vertical images without zooming in them. For example, a horizontal photo would fill the screen but a vertical image would occupy 100% of the height but only 50% of the width, and either be to the left or right of the screen. SCENARIO 2 : Vertical images keep their original aspect ratio but occupy 100% of the height and centered, leaving blank space left and right. Which is more doable in Squarespace? Good example, although the site is custom : https://youth.studio Thanks in advance!
  16. Site URL: https://mauve-lobster-8khh.squarespace.com/ The gallery will not allow me to scroll to rearrange photos. Tried on Chrome, Safari and Firefox.
  17. Site URL: https://jensegger.com I'm using the Margot template. I've created a slideshow block using an existing gallery of photos. Each photo allows for a title and descriptive text. I've added this to each image which on desktop and tablet, displays the image with the text overlaid. On mobile, the text is not visible. I've snooped around the settings but don't see any configs for adapting this. Does anyone have any suggestions? I dug around a little bit in the browsers developer console trying to find some obstructing code but have yet to find what I need. Thanks,
  18. Site URL: https://www.taskgloves.com/ Hi, Is there a way to remove the padding under the gallery slideshows? I've reduced the height to 0, and it was able to remove the padding on the top of the gallery, but not the bottom. I'm using the Brine template.
  19. Site URL: https://www.handford.com/ hi squarespace community, need help on something - please see 'creative' page on website : www.handford.com the padding on all sides of the Mission and Vision statement image blocks is way too much. I'd like it to be just a few pixels on all sides but I think it's more like 30px right now. i tried adding some custom css with the following: .sqs-block.image-block { padding: 5; } but this doesn't do anything to those image elements i mentioned. please help! thank you!
  20. Site URL: https://www.lifegaming.gg/ First question is regarding mobile format for a slideshow-reel, and how its formatted on mobile, in portrait view. On desktop view and in landscape view on mobile it looks fine, with it changing the image size to fit the container in that format. However on mobile in portrait view it doesn't adjust the image size and just zooms in on the center, and i'd like it to show the full image just scaled appropriately.
  21. Site URL: https://wisteria-panda-z2eg.squarespace.com/ pw: rotorrotor Hi All, On the landing page of my website is a fullscreen slideshow. I would like to have the .gallery-caption pop up on the right for odd images and on the left for even images. Currently I align them to the right using: .gallery-caption { margin-right: 0em;} For odd images I simply want to define: .gallery-caption { margin-left: 0em;} My problem is that when I use .gallery-caption:n-child it turns out that child(2) refers to the caption of EVERY image, while child(1) refers to the fading between images. Does anyone know how to do this right? Thank You + Best, Gregor
  22. Website: https://www.big-impact.com/ Password: bigimpact Hey guys, I'm looking to reduce the height of the slideshow gallery on the homepage of this website. It's currently at the minimum height but there's still too much white space above and below the logos. I've got my fingers crossed that one of you will be able to help me with some custom CSS to reduce it. Thank you!
  23. Site URL: http://https%3A%5C%5Clifegaming.gg I'm trying to get the mobile (landscape and portrait) reel slideshow to look the same as it does on desktop. Right now it takes up the full section and height and width on desktop and mobile in portrait. I would like to have it scale the gallery to the landscape view of the device. Anyone able to help? Thanks in advance.
  24. Site URL: http://www.lisaromerein.com Hi! I am looking for help coding the slideshow galleries on my site (using the Wells template). I don't want to have any arrows showing in order to control toggling between previous and next images. However, I would like it to function in a manner that when you click on the left side of the gallery, the slide show will go to the previous image, and when you click on the right side of the gallery, the slideshow will progress forward. As it functions now, no matter where you click, the slideshow progresses forward to the next image. If you are able to help let me know! Thank you so much!
  25. Site URL: https://caseyhowarddesigns.com I'm trying to get a logo to lay on top of an image slideshow on my client's homepage. Template is Hayden. I know how to add the logo to the custom css files, but not sure what html to add and whether it should go in the custom css section or a code block on the homepage.... help? Screenshots below of roughly what I'm trying to accomplish!
  • Create New...