Search the Community
Showing results for tags 'slideshow'.
-
I am using slide show gallery in 7.0. On a computer the hover box appears when the mouse is on the image, which is fine. However, on iPad the box is always there. I would like to remove the hover box altogether when the site is viewed on an iPad. How can I do that? Thanks
-
Display product images as slideshow while stacked on desktop
Adeleta posted a question in Coding and Customization
Is there a way to display product images as slideshow on mobile, but to stay stacked on desktop? I'm using Clay template (Brine template family) -
Site URL: https://brijtrivedi.com Hello, Is it possible to make the slideshow smaller on Wells template using css? I have tried customising it the best I could but no luck. The template is not currently in use on my site however I have provided an image as an example of what I am trying to do. Thank you!
-
Site URL: http://arcprojects.squarespace.com Hey there, I'm wondering if on the homepage I can Set a function to the slideshow that it would go to an image, then fade into opacity: 0 - then hold for a second then back to another image? Passowrd is 'arc' Thanks
-
Slideshow - Swipe or flick through/Horizontal scrolling
VLabrie posted a question in Coding and Customization
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! -
Enlarge, Lightbox, or Zoom Images In Slideshow: Simple?
StacyB95 posted a topic in Images and Videos
Site URL: https://glockenspiel-lily-ypyr.squarespace.com/floor-plans-s-d Hello! I would like to have images in the simple slideshow enlarge when clicked or zoom in and move with the cursor when hovered over. Basically I want people to be able to see the details of each image (floor plans in this case). I'm a novice to coding, but I was able to find a basic code that makes the image enlarge when hovering. My issue with this is, you can't move around the image to see different parts of it while zoomed in. Any advice or work-around would be much appreciated! I've seen some people say that they uploaded each image to a page of their own, then used a link or code to have the image page open. If there's a way to do that without it opening a new page I'd be happy to try that. -
Site URL: https://www.americanvalues.com/ I am doing a project for someone and they have a slideshow on the home page and a second slideshow with quotes. I know how to change the speed of slideshows in the Design>SiteStyles menu, but that controls the speed for both slideshows. I was trying to write some CSS code to apply to only the section ID of the quote section that would slow the slideshow down. I have tried #sectionname { .Index-gallery {}} and within this I have tried transition-duration, transition-delay, animation-duration: 1000s etc. nothing seems to change it. I have also tried attaching this to some of the other class styles and nothing seems to work. I would appreciate any help that someone can provide. Thank you. -
Site URL: https://michelle-gonzalez-photography.squarespace.com/test-magazine Hello, I am currently trying to change the position of the thumbnail images in a Gallery Slideshow block on the Brine template (7.0) from the standard placement (below the main/active image) to the right of the main/active image. I am trying to achieve a layout similar to the website below - section titled "Love in Ink Magazines": https://laurkenkendall.com/ I've also attached images of what I currently have vs what I would like. Is this possible to do? Would appreciate any help as I've been wrecking my brain for hours on how to achieve this. Thanks so much!!! -
Site URL: https://tivolilandscape.com Hi, my images are automatically resized very small when I make a slideshow gallery. They are a better larger size on Stacked gallery but I cannot figure out how to make them larger on slideshow. I do not currently have the page in question active. Thank you.
-
Site URL: http://www.lauredemees.com/maatwerk Hellooo, The photos in the slideshow appear in actual size in the Marta template. How can I 1) make them look smaller 2) adjust the size of them? Couldn't find an option in the "site styles". So much gratitude! xx gill -
Site URL: https://www.jonyguedj.com I would like the first gallery image to be center, and upon scroll have it slide -
Hi! I'm currently trying to add a zoom in effect to the photos of my slideshow gallery but I haven't succeed, I'm looking for some advice or any custom code to use!
-
I'd like the Card behind the test to be Opaque, and possibly have rounded corners. Does anyone have any good coding work arounds for this? Or does anyone have a way to put a shadow on the actual text? thanks M
-
Site URL: https://www.shahfoundation.org/ Below my header on the home page, I have placed a Gallery Section with the gallery option type of Slideshow: Full. I have used images sized @2500px W x 600px H with a concentrated center image area of approx. 800px x 600 px for valuable information which I would like to appear on all screen sizes especially when going down to mobile view. This formula seems to work well without additional CSS, however at a certain larger screen size of 3000px on 30in monitor and full screen width on 15" laptop, the images begin to stretch beyond their full size, clipping the top and bottom of the image. I previously have been using: .gallery-fullscreen-slideshow{ height: 46vh!important; } to adjust for the clipping of the image for the specific clipping I have seen, but is there better code to keep the slideshow from clipping at these larger screen sizes with a better responsive solution? Thanks in advance. -
Just discovered the new auto-layout option in headlines to create a rotating banner with text - yay!! From what I can tell right now - it has to be clicked to change...hoping someone can help me have it auto-play/auto-scroll/loop? Maybe it's a an option but I'm just not seeing it? Thanks! -
Slideshow: Full with a transparent header and hidden footer
blaz posted a question in Coding and Customization
Site URL: https://scapelab.com/ Dear Squarespace team, I am having difficulties solving a problem with my landing page. I have a gallery: full block with a hidden footer on my page and a transparent header. how can I remove the line at the bottom that is visible when the gallery is fading ? thank you in advance -
7.1 Add padding between banner slideshow & button
PartTwoDesign posted a question in Coding and Customization
Site URL: https://sealion-aqua-6cgh.squarespace.com/ Password: PartTwoDesign I want to add padding between the banner slideshow and the "View Case Studies" button - when I affect the "Space Between Elements" in the built-in spacing settings, it also affects the overlaid captions which I don't want... So it looks like I'll need some custom css? Thanks for any help! -
New Headlines Auto-Layout Banner Slideshow: how to auto-play
Strata posted a question in Coding and Customization
Site URL: https://www.strataoncology.com hello - trying to determine if there is code for autoscroll on the headline banner slideshow. thrilled that this tool is built in now, but really need autoscroll functionality. I have toggled "auto scroll" with no success. -
Site URL: https://drum-apple-5klb.squarespace.com/new-page-1 Hi. The password for the page is : mealwoodyes2 Here's the code I'm using: #page .page-section{height:100vh!important} #page .page-section:nth-child(2) {margin-top:-100vh!important;} #page .page-section:nth-child(2) , #page .page-section:nth-child(2) .section-background{background-color:transparent!important} header, #footer-sections {display:none!important} Two problems I hope to resolve: 1. The text below the images doesn't move up to show above the slide show. 2. I'd like to be able to control how fast or slow the images transition and control the transiting with fade in and out.` Thanks lots! George
-
Site URL: https://rabbit-primrose-wsww.squarespace.com/ I've looked at the built in style options and don't see the ability to set color overlay opacity for slides within the Banner Slideshow. Is that correct? And if that isn't a built in option, any thoughts on adding such via CSS? Thanks!
-
Site URL: https://www.frawleyphotography.com/ Hey there, I'm hoping to get the function of having the full bleed slideshow on my homepage to automatically move to the next slide after 3 seconds. Here is a website with the effect I'm trying to replicate: https://www.photographyanthology.com/ I am willing to pay for if someone can help me accomplish this! @tuanphan Thank you!
-
Site URL: https://www.thelabel318.com Hi! I really need your help! Some of the text/images are getting cut off and overlapping on my mobile banner slide show. Also I was wondering if it was possible to have the images fully bleed into one another just how it does on the website?? So it looks like its one long image rather than 10 separate ones. Is that possible?? www.thelabel318.com
-
Site URL: https://ferret-goose-4blj.squarespace.com/ I want to create jump links that take the user to a specific slide within a gallery slideshow. I know I can identify different items within the slide via the data-slide-url=“ujtuojlp09pftc4d84mipkkulkid0s” But what I don't know if how I use this data-slide-url to create a jump link so the user can see slide number 3 for example, without having to click through the rest of the slideshow to find it. If anyone knows how to do this you would be a life-saver! I know I haven't explained this very well, I'm struggling how to portray what I need to do - but I hope it makes enough sense! Thanks in advance.
-
Site URL: https://www.1click9ja.com/ hello sir, please I need help in customizing the slideshow on my square space website. for mobile uses the slideshow almost covers the parent size of the screen, this can prevent users from knowing that there are some web contents below the slideshow. <b>I will like to add an arrow just like the one on the left and right of the banner image that controls the slide show (next and previous control) that will point downwards at the button of the image so when users click on this arrow it will scroll the page upwards so web contents below the banner can be seen.</b> I am using Bedford 7.0 template, Thank you very much any help with this will be greatly appreciated.
-
Site URL: https://www.thelabel318.com When I go on the website from my phone the banner slideshow at the start is cut off? Does anyone know how to fix this? I believe the format size needs to change but not sure. Can someone help? 🙂
