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


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 71 results

  1. I have the Wells template and I don't want arrows to appear on top of the image, but rather outside of the image. I would use the option that does not have arrows, but it only advances the slideshow forward and not backward. Any suggestions? Also, I would like the titles to appear below the image in the slideshow, not on top of the image when hovering one's cursor over the image. In other words, I would like the title to be under the image all the time.
  2. does anyone know the coding of how i can have the title and description of my slideshow gallery block display on mobile? thanks.
  3. I need an CSS Code for hiding oder change fonts sizes for Slidegallery on mobile only. Can anybody help me?
  4. Hi, I'm currently using the Supply template and I'm pretty happy with it, but when viewing a product, the images are shown as stack and I would like to know if they can be shown as a slideshow. There isn't an option for that in the Page Style section and I've been looking a code for that but nothing popped. Show basically I'm curious if I can change the stack gallery product images to a slideshow display. Thanks!
  5. Hi there, My template is Rally and I am trying to get my SLIDESHOW CAPTIONS to display on MOBILE. They display fine on Desktop but not on mobile. Help?
  6. Does anyone know how I can change the banner height on my homepage slideshow banner on the Bedford template? I know this question has been asked a few times. There seems to be codes flying around that will change general banner height, but not the slideshow banner height on the homepage (top banner) specifically. Any help would be amazing, thanks!
  7. Hi there, I'm trying Squarespace 7.1 and I was wondering whether there is a way to showcase text on top of images in a slideshow gallery, like in this website below (without the animation on text) and image attached: https://www.carpentersworkshopgallery.com/ Thank you
  8. 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
  9. Hello, Firstly, thank you to the various contributors and the community on this forum for the numerous times I've found solutions whilst customising my squarespace website. I'm using the Bedford template, and have created a slideshow banner on the home page. As standard the images and overlaying headings fade in and out. I wanted the text to remain static. I fixed this issue with the below custom css, which works fine when viewing the site on a desktop. However this doesn't fix it when viewing on a mobile device, and the text transitions in and out with the image. Can anyone help me out? Link to site: https://www.candelastudio.co.uk/ Thank you /*Removing fade transition from index gallery */ .sqs-active-slide { opacity: 1 !important; }
  10. Hi, I've put a Slideshow Gallery at the top of an Index Page in the Brine template. It has three images that transition. By default when the mouse hovers over an image the slideshow pauses and you cannot prevent this automatic pausing without a code injection. I would like the slideshow to continue on mouseover however I still need the website visitor to be able to press a gallery dot/arrow indicator or press a 'Call to Action' link in the image content body text. How can this be achieved? The code below prevents the index slideshow pausing on mouseover but it also switches off all mouse pointer events... /* Index Gallery Slideshow - prevent pause on hover */ .tweak-index-gallery-layout-slideshow .Index-gallery-wrapper { pointer-events: none!important; } .tweak-index-gallery-layout-slideshow .Index-gallery-wrapper .Index-gallery-control { pointer-events: auto; }
  11. Hi! I’ve just started using Momentum and I’m choosing to centre my images instead of having them set to full bleed. This works great on desktop but on mobile there’s too much padding at the top of gallery. I’ve tried various CSS solutions but none work on the mobile site. Is there something I’m missing?
  12. I've uploaded a custom font to my site with appropriate web file types and coordinating url sources. It displays perfectly on my desktop machine, but doesn't display on mobile or any other computer. Is something wrong with my css? No luck researching on my own.. Site: https://burkhardt-lofflerna.squarespace.com/ Password: Jx4HhwPTSUuvp93
  13. Hi, The fade transition time between images in a 7.1 Gallery Section Slideshow is too abrupt. SS cannot assist as it requires code injection. Does anyone know of some code that will slow the fade down so there is a slow cross-fade effect between images? The code below works in 7.0 (in the page's CSS) but it doesn't work in 7.1 (Gallery Section inserted into a Blank Page). Many thanks. <style> .slide { visibility: visible !important; -webkit-transition: opacity 2s ease-in-out; -ms-transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; transition: opacity 2s ease-in-out; } </style>
  14. Hi, I'm trying to get the text to remain static on a banner slideshow (bedford template). I have figured it out for the desktop browsing, but not mobile view. Can anyone help me out? Link to my site: https://www.candelastudio.co.uk/ Thank you
  15. I've created a Gallery Page and added a Slideshow but on desktop the images get stretched and cause you have to scroll down to see the full image. I want to limit the height to 500px so the image is small and doesn't require desktop users to scroll. On mobile is looks fine. What CSS can I use to do this? Here's a test page I've been playing with: https://www.aprilrainsphotography.com/test
  16. Hi there, I'm working on a photographer's website, and on her slideshow galleries, she wants to be able to do a horizontal scroll with touchpad or on a mobile device. Basically, like flipping through the gallery from right to left, instead of clicking on the gallery or on arrows. I'm pulling my hair over this. I've come across Flickity but have no idea how to make it work with Squarespace. Any insight would be so appreciated! Thank you so much!
  17. Bryant theme: I have a Slideshow Gallery inserted to force a full screen banner slideshow on the home/index page for desktop which works great, but not on mobile; the client would like a single static image for mobile views and nothing works. DEV url is: https://jenniferpurdue.squarespace.com Password: JENP As a stop gap, I set the slideshow gallery for mobile to display: none; as such: @media only screen and (max-width: 812px) { .sqs-gallery-block-slideshow { display: none; } } Removing that CSS displays the full slideshow for mobile again, even after adding the following code in: @media only screen and (max-width: 812px) { #home { background-image:url('https://static1.squarespace.com/static/5d6ed3c5377e890001aee163/t/5dcec8b5b5a1dd2c238cf24f/1573832887083/8724%2Brosewood%2Bave%2Bwest-large-003_LIGHTEST.jpg'); } } and this, with page id: @media only screen and (max-width: 812px) { #collection-5d6ed731fb91660001ed3ead { background-image:url('https://static1.squarespace.com/static/5d6ed3c5377e890001aee163/t/5dcec8b5b5a1dd2c238cf24f/1573832887083/8724%2Brosewood%2Bave%2Bwest-large-003_LIGHTEST.jpg'); } } Screenshots: I would like to use the attached image seen in the desktop view (which is #5 in the gallery) as the static banner image for mobile view. I have the the page's media image set as this image as well. Help, this is driving me mad and time is ticking — anyone? Many thanks in advance!
  18. Hello everyone, For showing different case studies on the home of an agency website I'm trying to make in Squarespace 7.1 (but I would change to 7.0 if needed) something similar as https://es.squarespace.com/customers/idris-elba/ (image attached). Apart from the great integration with the menu items as it is full-bleed, when hovering the miniatures it shows the title of the project. I think it's the best way for showing something like that. Could be possible to make it in any way or it's too difficult? Many thanks in advance.
  19. Hi, I am using Squarespace 7.1. At the top of my home page I want to have three full bleed banner style pics transitioning as a fading slideshow. I am looking to achieve the following: - I would like the text headings that I will have overlayed on top of the images to remain static during the image transitions - I think these need to be a separate text blocks so they're not affected by the image fading - I would like the slide fading to transition slowly (not abruptly like the current ‘Gallery’ fade setting) How can this be achieved? Any help much appreciated
  20. On a desktop (PC/Mac) my gallery's load completely fine and fast (images are 50-100kb on average) but for some reason if I load a gallery page on a mobile device (Android phone, iPad, etc) the galleries thumbnails are either slow to load images or fail and show the image file name. The images will generally load if I refresh the page but that is a bad user experience. Any thoughts as to what I can do? Link to page: https://www.aprilrainsphotography.com/paris-france
  21. Hi,I'm setiing up a website in 7.1 and would like to have three full width banner images on my homepage transitioning. The images must fade and they must FADE SLOWLY. Currently when I set the transition to autoplay and fade (in a slideshow gallery) the movment between images is too abrupt and doesn't really fade at all. How can this be achieved using code? It's 7.1 and it's the homepage's banner pics that I'm looking at (or a slideshow gallery as banner pics I guess?). I can see from past forums online (pre SS 7.1) that people have used code to slow the fading down between images but the solutions are not geared towards a homepage and I can't see where I can inject code to a banner pic - any help much appreciated, thanks.
  22. Hello guys Like many websites, mine has skyscraper ads of which are ideally designed for viewing on a full screen browser but do not work well for mobile use. I have seen code that would allow single images to be responsive in that a skyscraper (160x600) can be replaced by a square (250x250) advertisement when the browser window reaches a certain minimum/maximum width. Is there such a code that can be done with galleries on Squarespace? For example - I want to have a slideshow gallery of rotating skyscraper ads display on browser screens over 750 px wide. Where anything narrower, I want to have a slideshow gallery of rotatng square ads shown in the same place. Thus optimizing mobile viewing.
  23. The website is https://www.marylucier.net/, and the page I need help with is https://www.marylucier.net/installations. Does anyone know how to remove any and all types of transitions for slideshow image galleries? I have fade has my default transition, but I really don't need a transition in the image gallery. I have tried: .slide { visibility: visible !important; -webkit-transition: opacity 0s ease-in-out; -moz-transition: opacity 0s ease-in-out; -o-transition: opacity 0s ease-in-out; transition: opacity 0s ease-in-out; } but the fade was still there, so I took it out. I also implemented: .slide {; opacity: 1 !important;; } This removes the fade, but there is still a delay between the images. Therefore, when I click from one image to the next, the previous image lingers in the background for a second after the new image comes up. Does anyone know how to remove this delay? It's not noticeable with images that are the same size, but for images that are different sizes it looks incredibly strange. Thanks in advance!
  24. Hi Everybody, Do you know how can we have a very simple slideshow lightbox when i click on an image ? ( I don't want to open a gallery on a new page, i just want to have it in a lightbox ) ( with Wexley template particulary ) Thanks a lot! Ulysse.
  25. Hi there, Does anyone know how to set up the slideshow for product images to autoplay? Cheers,S.
×
×
  • Create New...