Search the Community

Hello, I have this featured page on my website! I would like to make it so you can slide it left or right to include more images. How would I go about doing that? Thanks!

Hello, I am trying to add an image slideshow to a mobile version website but I cannot find a way to do it. Can someone help me doing that? Thanks in advance

Site URL: https://www.aditya-sinha.com/ Hi anyone, or @tuanphan hopefully, I am trying to add a code on top of the slideshow on my homepage in order for a scroll down indicator to show up. I tried it on a normal section and it worked, code used: <div class="scroll-down"></div> <style> .scroll-down { position: absolute; left: 50%; bottom: 10px; display: block; text-align: center; font-size: 100px; z-index: 100; text-decoration: none; text-shadow: 0; width: 30px; height: 30px; border-bottom: 4px solid white; border-right: 4px solid white; z-index: 9; left: 50%; -webkit-transform: translate(-50%, 0%) rotate(45deg); -moz-transform: translate(-50%, 0%) rotate(45deg); transform: translate(-50%, 0%) rotate(45deg); -webkit-animation: fade_move_down 4s ease-in-out infinite; -moz-animation: fade_move_down 4s ease-in-out infinite; animation: fade_move_down 4s ease-in-out infinite; } /*animated scroll arrow animation*/ @-webkit-keyframes fade_move_down { 0% { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @-moz-keyframes fade_move_down { 0% { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @keyframes fade_move_down { 0% { transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,10px) rotate(45deg); opacity: 0; } } </style> But I cannot seem to Insert a code on the slideshow. Any way I can sort this out? Password for access: tester

I'm trying to figure out how to customize the left/right arrow button hover states for a banner slideshow. I've found the selector for the button stroke and background colors, but the button background color only changes when rolling over the stroke? I also can't for the life of me get the arrows to change color on hover. The arrows appear to be broken into two elements: the carrot and the horizontal line. Any thoughts? I'm trying to get the button background to change to #FF2F79 and the arrows to change to #FFF7F0 on hover. No change to the button stroke. Any help is appreciated!

Site URL: cindychongdesigns.com Hi, I've searched other forum questions but can't find the answer. Is there custom CSS i can use to change the size and color of the Title text on slideshow gallery for 7.1? I have an image for reference. Ideally, I'd like the text to be black and larger and if possible id like the transparent background to stretch the entirety of the image. I am not sure if this is separate CSS for the transparent text background. Any help is appreciated! Thank you!!

I need some help Squarespace community! I'm wondering if you can help me, because I cannot find anything online to help. I have a slideshow photo gallery that auto plays through the pictures on my home page. It looks fine on desktop, but the problem is that on mobile it looks horrible and I cannot figure out how to change the size for only the mobile. Again, this is on my home page, so for some reason it is more difficult I think? I want the gallery pictures smaller, but not the rest of the pictures on the cover page (or site). I'm willing to pay to get the answer as I've already wasted too much time trying to figure this thing out. Can you please help? You can check it out for yourself: hobblecreekbaptistchurch.com I look forward to your response!

I want to edit our homepage gallery slideshow on mobile only so that it shows the max width without cropping the height or stretching the image. This is the code I tried using to show the full images in the gallery, but now it won't show the the navigation arrows on the sides nor the image descriptions (should be centered like how it is on the desktop). <STYLE> @media screen and (max-width:640px) { section#home-gallery img { width: 100% !important; left: 0 !important; height: auto !important; } section#home-gallery { height: 210px; } }</STYLE> *Note: I don't mind if the width of the images is cropped slightly. It just can't be cropped to the point of how it looks without any custom code. As long as you can read "Collin" and "UGP" on the first image in the gallery, that's fine with me.

Hi Squarespace-Folk, I am having a problem with the slide-show gallery on desktop and mobile screens (attached screenshots). 1. Desktop I would like to have the slideshow full-width inside the website grid keeping the original picture ratio 4:3. In the attached screenshot you see the green box with the outside padding and the blue box with the picture with some padding on the right and left. I was trying to remove it, but I wasn't able to find where to find it. When I found some code with 100% width injected code, the picture was cropped at the bottom. 2. Mobile On mobile screens on the other hand I have a problem with a too big padding between the picture and the picture description (blue box). And there is some additional padding (orange box) which I can't remove there. Desktop it looks fine. Could you please help me? Link: https://chihuahua-sprout-azlt.squarespace.com/ pw: helloworld Many thanks! Ondrej

Hello, My client has two requests for me for the "Slideshow" gallery format but I can't quite find the right coding. 1. She does not like that to go back and forth between images in the gallery you can click on any part of the image to do so. She would like the left and right arrows to be the only "hot keys" to toggle. Essentially disabling the function of clicking on an image to go through the slideshow. 2. She would also like each image to enlarge when clicked on (like the "Lightbox" function) OR when clicking on a separate button. Would these two requests be possible for Squarespace 7.1 through custom codes? I've included screenshots of what my page and settings look like now for the "slideshow" gallery. I would really appreciate some help on this!

Hello, We are using the slideshow feature to show images on our site page. We have "Show Next and Previous Controls" and "Show Thumbnails" enabled. However, my client would like the "Show Thumbnails" feature to be enabled WITHOUT giving people the ability to click on the thumbnails to move from image to image (basically the thumbnails cannot be clicked on). Is this possible with code? Thank you for your help! Site password is: intheNYT Page Url: https://burgundy-jaguar-fltk.squarespace.com/artleisure-2010

Site URL: https://tiffanyhoshihuerta.com/ On the mobile version of my portfolio website, specifically where I utilize a slideshow for my images, there is a large block of white space before and after (as shown in the attached images). Does anyone know what the cause of this is, and how to fix it? I would really appreciate the help. Thanks in advance!

Is there a way to stop the repeat or loop of a slideshow in Slideshow Full carousels? I want the slides to play and then not replay.

Hi there, Is there any chance to customize cursor, so that will change for arrow when hovering over a gallery block in Brine template? For example same style as gallery in Wells template. Cursor change for left arrow for previous image and right arrow for next image. Is there any custom-css to add this style? Thank you.

I'm trying to get rid of the huge white space under the slideshow (reel gallery) displayed in the home page of https://genealog.ie. FE is activated. Thank you in advance for your help! Frank

Site URL: http://https/bumblebee-pear-rhcn.squarespace.com/ Hi all! I've been working on rebuilding my current site to version 7.1 for the past two weeks now. I have a gallery slideshow on my home page that I want to serve as a product advertisement slideshow. For example, on photoshop, I will create images with text on them about bundles (buy 1 get 1 free) & other types of promotions in my store, but I don't want the gallery to crop out any parts of my image when it's viewed on different computers or mobile/tablet view. I just want it to scale down appropriately without cropping anything to fit the viewer's screen. I don't have my actual images up just yet, it's still the default sample images. But I can still see when it gets cropped in mobile/tablet view. I've searched through this forum and google day & night for a working code, but I can't seem to figure it out. Is there any way to keep the images at a fixed height & width size ratio?? I'd appreciate the help so much! Thanks in advance! Trial site URL: http://https://bumblebee-pear-rhcn.squarespace.com/ PW is 1234.

Does anyone know how to randomise and/or control the speed of the default Cover Page in the Avenue 7.0 template? Squarespace live chat says neither feature is currently available ...

Hi, I created a slideshow on this page this morning but my images are rectangular and wide... For some reason when adding them as an image Squarespace cuts of on both left and right hand side which means people cannot see the full text. I am not sure how to fix this ? My template is Brine. Can anyone help ??? Thanks so much

Hi, I created a slideshow and there is one slide that doesn't show the text when showing the first time and then it does. I attach an image Also I would like to make this text closer together ( attached) Thanks a lot Barbara

Hey, I found a very annoying bug with images that have transparent background in the shop. I have 3 images, smiling lollipop, a placeholder image and a rose, when I click arrow to go to the next image, instead of changing the image, it overlays itself with the next. Is there any css/js that can fix this issue? Apologies for bright screenshot, using HDR.

Site URL: https://www.pushplusminus.com/pinhole I have a site with photographs. The gallery type is "slideshow: simple" and the controls location is "side". The arrows are too small and have been missed by site visitors. I have no experience with CSS. I have tried a few suggestions I found on this forum and on the internet, placing the code in Home>Design>Custom CSS and none of them have worked. All I want to do is to increase the size of the side arrows. Can anyone help me in this? Thank you.

Hello, I am looking for some code to overlay the captions on a gallery slideshow – so they sit on top of the images, on the bottom left. Thank you! https://groundhog-salmon-bfkp.squarespace.com/home-06012302-4-copy-2 Preview-01

Site URL: http://laurelguido.squarespace.com Hi - I want to use a reel slideshow inside each of my projects listed on my gallery page. On the desktop, I would like to use either the medium or large height for the block that contains the slideshow. However, on mobile, I would like the height of the slideshow block to be small. How can I adjust the reel slideshow on only the mobile view? one of the projects with the medium height (correct) reel: https://laurelguido.squarespace.com/config/pages/6135d3c112370a6f0c6612d5 ---> and when you look at the mobile view, the images are too zoomed in, and look better if I change the height to small.

Hi! Could you help me with the following: I like to have a banner slideshow on my homepage which I succeeded to do so but on the mobile version only the middle of the photo’s (well drawings in my case) is visible. Is it possible to change this in such a way that you can see the whole image? So actually the banner needs to be smaller on the mobile site. Thank you so much!

Hello everyone, I just launched my website which included several galleries, for which I picked the Slideshow: Simple Gallery Type. Everything works fine, except the arrows for navigating through my slideshow are not very visible. People experience trouble finding the navigation arrows since they are very small and this Gallery Type does not offer any other arrow style options. My site's background is black, so I would preferably create arrows that are either more bold or are surrounded by a white/black small block so it stands out against my black background. I would very much appreciate any suggestions!

I am trying to edit the first slideshow on the home page to make it the full height of mobile, so the images crop themselves to fit this portrait view. It doesn't let me drag the slideshow down to the full height. website link: mustard-tetra-zr93.squarespace.com password: whitehouse123