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

  1. Using the MOKSHA template. I can't for the life of me figure out why the forward/previous arrows are not aligning correctly on the edges of the slideshow. It's even more apparent on mobile. This client is extremely particular and I know this will be a gripe of theirs. Is there any way to fix this? I do have some custom css going on in the template, but nothing that directly modifies this block. Please help!
  2. 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
  3. 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>
  4. 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
  5. 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!
  6. 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
  7. 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!
  8. 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!
  9. 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.
  10. 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
  11. 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
  12. 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.
  13. 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; }
  14. 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.
  15. 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!
  16. 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.
  17. Hi there, Does anyone know how to set up the slideshow for product images to autoplay? Cheers,S.
  18. Hi all, Site URL: https://www.brookebuilt.com/ The home page contains a gallery. 2 images have description. On select images, there is a info icon at top right corner. When clicked, the image shrinks and description slides out. Now I want to have the description showing up WITHOUT clicking the info icon. I don't find any settings regarding the info icon behaviour. I also tried to inject jQuery to simulate the click, but the debug console gave me this error: Thanks for your help in advance.
  19. Hi there, I am building a website for a client and they have asked that the gallery grid lightbox 'X' is darker and the left and right arrows are darker and are visible all the time (rather than only on hover). I have scoured the forum and can't seem to find a code that works for the site. The template is Foster. The website is https://apricot-frog-pc6a.squarespace.com Password: lynne.2019 An example of this can be viewed on any of the pages under 'work'. Any help would be greatly received! Many thanks, Hannah
  20. Is there any way to stop a gallery slideshow from autoplaying after there is a click on the previous or next arrow? It's a frustrating experience to try to click manually through images and have the autoplay feature fighting you while you do it.
  21. I'm wanting to know if it's possible to change the layout of a gallery page on just one page. My current style is set to Packed. I'd like one page in an index to be set to Slideshow. I had a solution from the previous forums but it wasn't a full solution. A code infection for my page header would be amazing if anyone has any leads?
  22. Hey gang, I am building a website using the Wells template see link here https://helix-chicory-pegn.squarespace.com or live version https://murroninteriors.com/ I would like to make the slideshow gallery automatically slide / fade through the images. Does anyone know a useful bit of code I can add? Also, I would like the same format on the mobile version, currently it stacks all of the images on top of each other. Any help would be greatly appreciated! Also, whats with Squarespace removing all the great content on Squarespace Answers forum? Thanks guys!
  23. Is there a method to limit the height of a slideshow block in a blog to fit the screen? I have multiple slideshow blocks on multiple pages. in some the images are landscape-oriented, in some - portrait. Some portrait images fit the screen width, with height of some extending to 2 and more screen heights, so one has to scroll through an image. Is there a way to limit the height of the slideshow element to fit the screen height, regardless of the image orientation in it? (and fit the image to the block size of course) Thank you
  24. Hey guys, I have the following problem: My Slideshows looks great on desktop, but not as good on mobile, especially for portrait mode pictures. For landscape, it is fitting but the pictures in portrait mode are too small (high). I want them a bit bigger. Is there a possibility to do that? Please take a look on this homepage for instance (on mobile): www.tobiasholub.at Thanks for your help!Michi
  25. Hi there, I'm looking for a solution to make the slideshows autoplay stop when clicked (both the index slideshow and gallery block slideshow) Here are the temp urls:Index https://horse-blue-mllf.squarespace.com Gallery block slideshow example : https://horse-blue-mllf.squarespace.com/artworks/landscapes You need the password wyunabayartist to view. Thanks in advance
×
×
  • Create New...