Search the Community
Showing results for tags 'slideshow'.
-
Hello everyone, I'm trying for a few days now, to change the functionality of a slider. Right now the slider from the WELLS theme has the option to change pictures to left, right or go back to the collection. I want to change the middle selection of a image to be clickable to go back to a custom link url and not to the collection. I disabled the block div to display the middle section so it's right now not clickable. Left and right should be still able to its function as it is right now. Now I have the 3 div classes: overlay-controls left- control overlay-con- 2 replies
-
- 1
-
-
- accessibility
- javascript
- (and 3 more)
-
Full Bleed Slidehsow Height Options Not Working
kkester posted a question in Coding and Customization
Hi all, I have been trying to make slideshow full height on this new site, as I have done with other sites, but when I click S / M / L the height does not change. It does not work with the custom slider either. I have contacted Squarespace twice about this and they said its site wide bug and they are working on it, however its been a few weeks and I need this slideshow to be taller now. Is there any custom code I can put in to change the height? Thanks -
.thumb.png.9ed7f879b7f6716a9c1698370f7042b4.png)
Hey, I was simply wondering if there was a way using code to put the title/description text box for Summary Slideshows underneath the image? So going from the first example attachment, to the second one. Manipulating the padding and margins doesn't get the box below the image as it crops it off on the image line. Any help with this would be very much appreciated. All I need is to move the position of the text box below the image. -
How do I left align images in a Gallery (Slideshow: Reel)?
shyde94 posted a question in Coding and Customization
Site URL: https://sunflower-salamander-p5x7.squarespace.com/work Hello, I'm trying to figure out if there's a way to have the active image in a slideshow: reel gallery align to the left. Right now, there's no option to change the alignment from center. Is there custom code that can be added to accomplish this? Password for the page is "help" Thank you! -
Site URL: https://daisy-tarpon-72er.squarespace.com/portfolio/new-build I would like the thumbnails on the portfolio sub-page slideshow:simple to remain static. It currently moves the selected thumbnail image to the centre which is quite annoying...Is this stop-able? Try the page link above for an example of what is happening... PW Help123 Thanks -
Move slideshow gallery controls to bottom
creativesurfing posted a question in Coding and Customization
Hello, I've got a slideshow displaying project photos and the controls appear quite far out to the left and right. They are a default simple < and > which is ok for now, but I would really like to move them to below the images, and if possible bring the alignment inwards a lot, so they are below the widest image. Is it possible? It would also be useful to know the CSS code for centering them below the image like this '< >' Thank you -
Hi, can someone please help me with the display issue for slideshows? The image doesn't get any larger than the screenshot attached. There's a ridiculous amount of padding all around and it can't be reduced through the editor. Thanks in advance!
-
Error with code slowing slideshow transition speed
Billy1996 posted a question in Coding and Customization
Site URL: https://giraffe-fife-xnsh.squarespace.com/ Hi there, I had initially applied this code to slow the slideshow transition speed. It was working fine but recently no longer works: .gallery-fullscreen-slideshow-item-img{ transition: opacity 1600ms ease-in-out !important; -webkit-transition: opacity 1600ms ease-in-out !important; -ms-transition: opacity 1600ms ease-in-out !important; -moz-transition: opacity 1600ms ease-in-out !important; -o-transition: opacity 1600ms ease-in-out !important; } //.gallery-fullscreen-slideshow[data-transition -
Integrating a draggable Slideshow transition (REEL)
karo posted a question in Coding and Customization
Hi All, I would like to give the "reel slideshow" in 7.1 a draggable function so that also means getting rid of the transition effect. I have found a code on codepen, https://codepen.io/kellyex/pen/KKwwdYg >> anyone who knows how to integrate this? Would be amazing ! Thanks, K -
7.1 Slideshow formatting woe on mobile view
NeilDdiamond posted a question in Coding and Customization
I am using 7.1 and have a slideshow on my trial homepage. It all looks fine but as soon as you switch to mobile view it looks awful. The formatting does not extend to mobile in regards to ratio. I am looking to have the slideshow as 16:9 on mobile view also but it seems like 7.1 can't handle it! Any help would be greatly appreciated. -
Site URL: https://www.sterri.net/work To whom might be able to help me. I would very much like to be able to put caption/title under my images in gallery/masonry/slideshow in version 7.1. I would like to place it under each image - to the left and be able to adjust font, size ++ like I can on other parts of my web. Can this be done with a css or does it have to be a JavaScript code ? Yours sincerely Bjørn -
Site URL: https://www.laketimephotography.com/ I am trying to allow site visitors to click on each of my products which are photos and allow them to view them larger as a slide show instead of having to click on each of the individuals products.
-
Index Slideshow Gallery Caption Display on Mobile
knoble07 posted a question in Coding and Customization
Site URL: https://www.creativecabinet.org/home-new Hi! I'm having trouble styling the index gallery captions on mobile. I have them exactly how I want on desktop, but on mobile I'd like them to centered and the content width to be larger. I've tried a few things, but haven't had any luck. Thanks! -
Site URL: https://www.thewinchestercopywriter.co.uk/portfolio/university I'm using two reel slideshow galleries on a page. The first works fine but on the second the images are all cropped on mobile view. I assume it's because the images in the second are more square, but I'd prefer them to resize dynamically instead of being cropped at all. The desktop view follows my rules of using an inset gallery but the mobile view seems to enforce a full bleed effect with cropping. https://www.thewinchestercopywriter.co.uk/portfolio/university I've added code to address the height of the g
-
Site URL: https://westport-economic-opportunity.squarespace.com/ For this website https://westport-economic-opportunity.squarespace.com/ @tuanphan we want to remove the white space padding below the slideshow PASSWORD: westport
-
Site URL: https://www.lindakovasin.com/etusivu I have a testimonial slider on my clients front page. It's optimized for mobile but I'm having trouble with optimizing it for tablets. Any help?
-
Site URL: https://www.summergrayphotography.com/contact Hi there, I am using a slideshow with captions to highlight some customer testimonials on my website. In desktop the captions work fine, but in mobile the testimonials are cut off in the middle. Is there any way to add more room so the full caption can be seen? You can see the page here, under my contact form: https://www.summergrayphotography.com/contact I have uploaded a picture of what it looks like on mobile. I have tried various bits of code from pervious forum questions but nothing has worked. Any advice appreciated! -
Changing the overlay color on a slideshow description
otilia posted a question in Coding and Customization
Hello, I am wondering how to change the overlay color in slideshows, I cannot find the option in site styles. It is showing it in a boring grey. I would like to be able to change it, and maybe also the font style, can anyone help me? Thank you very much!! -
Site URL: https://www.theartofphotography.net/ They arrows are too small. I am using the Chase Nevins template. Is there a way to adjust them using custom css or code injection. By inspecting I get the selector shown in image. I am not sure what to change. Is there a caret-right-icon--large?
-
Site URL: http://builtcomplete.com.au Good morning, I'm hoping you can help me with a Slideshow Gallery. It works fine on the desktop but on mobile view there is a huge amount of white space underneath the slideshow and before the footer. Can you please tell me how to correct this for mobile so there is no white padding underneath the gallery ? Originally the image crops off the sides of the image on mobile, I managed to correct this with /* CSS FOR MOBILE */ @media @mobile { .gallery-fullscreen-slideshow-wrapper { width: 100%; height: 50%; } MOBILE H
-
7.1 Slideshow Bullet Indicators Customization?
tsl_hscho posted a question in Coding and Customization
Hello, is it possible to customize SLIDESHOW:FULL Bullet indicators? (7.1) I figured out how to change the width and height of the bullet indicators (with the custom css below) .gallery-fullscreen-slideshow .gallery-fullscreen-slideshow-bullet-nav .gallery-fullscreen-slideshow-bullet { width: 4px; height: 4px; however I want to know the line of code I can add for variation in bullet's shape / animation / active bullet color / position..etc I appreciate your help in advance 🙂 -
Site URL: https://whitebirdgallery.squarespace.com/ I'm using the blog feature to create Gallery Artist pages for my art gallery client. Each post has a slideshow of the artist's work at the top. I would like to be able to display the image Title and Description below the image rather than overlaid on hover. Is this possible? pw: wb1971
-
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 -
Site URL: https://www.jclcontractingllc.com I can't figure out how to do small slideshow of text. I basically need a slideshow on my about us page to show 4 (maybe more in the future) snippets of text and it rotates thru them automatically like every 30 seconds or so. I was able to found this, which is basically exactly what i want (besides a transparent background), but i wasn't able to implement the HTML and CSS using the </> code content block on the page but I'm also not fluent in either language unfortunately so it's most likely may be user error. Any help would be greatly a
-
Site URL: https://fitzmaurice.works/artworks Hi, my page https://fitzmaurice.works/artworks shows a gallery of recent artworks. When an image is clicked it opens the Lightbox. Is it possible to have the description display in this view? I suspect not. I'm new to Squarespace so is there another way to achieve this without creating a page for each image I wish to display in this manner? Thanks, Robert
.thumb.png.9ed7f879b7f6716a9c1698370f7042b4.png)
