Search the Community
Showing results for tags 'carousel'.
-
Hi there, I have added 2 images to a product, but as "main" image I don't want the user to be able to go through them, I want it to be static. By adding //hide carousel in product page .ProductItem-gallery-thumbnails { display:none; } I managed to hide the thumbnails underneath the main image, HOWEVER, I can still move through the images by pressing left/right arrow keys AND by sliding my finder on mobile. How can I make that first imagine completely static? Thanks in advance!
-
Help with moving arrows of carousel centrally under image
DavidJD posted a question in Coding and Customization
Site URL: https://reindeer-cobalt-49rn.squarespace.com/projects Hi there, I would really appreciate some guidance on CSS to move arrows on carousel centrally (and closer together) under image. Many thanks! -
Product carousel arrows get lost on mobile
xavier-cusso posted a question in Coding and Customization
Hello, The side arrows on my product carousel disappear for mobile resolution and I'd still like to keep them (see attached). Is there any way I could do that? Couldn't figure out how. My WIP product page (running on 7.1): https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic Cheers, Xavier -
Site URL: https://mostcreativereiner.com/ Hi Everyone! I had an idea to create an interactive claymation portfolio (you can look at my website for some work examples). Anyways, I was thinking of having a tv, where there are three interactive buttons, a channel up and down, and an antenna, which are interactive toggles between video projects. For example, if you were to click on a channel button, it would start an animation where someone clicks the button, and then the channel changes. Any ideas on how to get something like this done on squarespace? I know itd be javascript, bu
-
Carousel not displaying correctly on mobile
jess123456 posted a question in Coding and Customization
Site URL: https://charlottewiseman.com/ This 'our clients' image carousel doesn't seem to be working on mobile view (for any of the web pages it's on). Please could someone help? Thank you! -
Hi, I want to create an image gallery like this site's "What We Do" section. https://astuteeducation.com/ (Dragging and continuous scroll. That is not an auto play of the carousel block.) How can I do that on squarespace ? Thanks.! -
Site URL: http://ibisette.com/portfolio/portraits Site URL: http://ibisette.com/portfolio/portraits Hi I really am desperate for help on this issue. On pc the website looks fabulous, exactly the way I wanted it to be. Problem comes up on mobile. www.ibisette.com/portfolio/portraits for example, all portrait-oriended photo's in the carousel show a lot of blank space on both left and right side of the image as you can see on the screenshot below. I would like to have the carousel to be taller so that pictures in both landscape and portrait mode be seen clearly. (I ha -
Site URL: https://www.goodtimegals.co.uk/previous-events Hi! Is there any chance someone can help me with disabling the click through for my carousel please? Also how would I go about making it move automatically? Thank you!!
-
footer instagram carousel - video not displaying properly
M_obara posted a question in Coding and Customization
Hello, I was trying to customize my carousel instagram section in footer. first I made it full bleed with #footer-sections .content-wrapper {padding-left:0!important; padding-right:0!important; max-width: 100%; } and then I changed a little bit the appearance of the images with: .sqs-gallery-design-strip-slide img{ border-radius:10px; width:200px!important; height: 200px!important; object-fit:cover; margin-left: 10px; } Everything worked perfectly except the videos from instagram Any recommendations what should I do? M -
Hey! I've been trying to make my text slide over an image for a few hours but it doesnt seem to work the way I wanted. I followed this article - https://forum.squarespace.com/topic/73802-carousel-with-text/ but can't get rid of the dots underneath (I have no coding experience). Also, how can I make squarespace resize my text/images instead of croping them. On mobile it looks awful and sometimes parts of the text goes missing. Any help will do, thanks! https://gyazo.com/d2a6044f2fff3fa2ce84a53c842226ba - the dots https://gyazo.com/b3aca9d5f56239589b32adc9ce5043dc - the
-
Hi I have used a summary carousel of an unlinked store page, to show some images. How can I prevent the user from clicking through to the otherwise invisible store page? Thanks!
-
Padding around images in gallery box carousel
JoePreston posted a question in Coding and Customization
Site URL: https://www.joepreston.co.uk/ Hey Guys, I'm trying to input CSS into my site's template in order to create a little bit of padding around the images on my homepage in the gallery box carousel. I've attached an image of what I'm trying to achieve. Any help in terms of what I would need to put into the custom CSS box for my homepage would be really appreciated. Thanks Joe -
Hi all! I currently have a testimonial carousel on 7.1 that I created with blog information. How can I make this auto scroll? I've tried a few codes but it's not working and I'm definitely not code-savvy. Here' my site: the carousel is on the bottom of the home page. https://www.whitefoxcreations.com Separate question: I want to make a carousel with a block of color with words inside of it. How do I go about this? It seems like the blog route way may be the hardest... THANK YOU!
-
Site URL: https://uprisefinancial.com.au I have been trying to move my arrows on the carousel to either side of the testimonial. I tried using the code from this site: https://thirtyeightvisuals.com/blog/custom-arrows-testimonial-carousel-squarespace But my float: left isn't working Can you please help? Many thanks
-
Site URL: https://www.tostbeverages.com My carousel which is in between a banner and a gallery, is only two pictures, actually 16 that go one after another but only shows two pictures at a time, and it is not centered for some reason. I tried to add some CSS code as instructed but it did not work. I am hoping to keep the pictures left justified but bring the whole carousel over to the middle of the page. You can see it at the top of the screen grab I have included. I would like for the box that says "CELEBRATE" to align with the picture below it. Any help you can lend is appreciated. -
Site URL: https://darrochea.com Hi there, I have a carousel on my page displaying my merchandise/products and they currently use arrows to navigate. The arrows work fine on the desktop view but on mobile/tablet displays the arrows are clunky. Is there a plugin or and code to make the carousel swipeable on a mobile device?
-
Site URL: https://corn-apricot-zn88.squarespace.com/portfoliodetails/blog-post-title-one-p3bml I am desperately trying to do an effect like this vertical slide with project info. https://www.vmdo.com/discovery-elementary-school.html I have looked everywhere and even tried taking the horizontal slideshow and recoding it to go vertical - massive fail! Something like this or even a simple back forth full bleed slider that has text on one slide/image on another. I tried using a carousel, but I cannot get the images full bleed, sized so they are not stretched etc. Ideas? Th
-
Site URL: https://www.corepipe.com/history-test-unfindable Good morning everyone! First post here. I recently started with a new company in a sales/marketing capacity and I'm making some improvements and adding some content to our website, but I'm still very much getting acquainted with Squarespace. I'm currently trying to implement a scroller/carousel at the bottom of the Our Team page (not published yet). What I'm envisioning is having our leadership team photos and bios static, but then doing a "Featured Employee" section below it that scrolls through 4-5 employees each week. I
-
Site URL: https://moxieespresso.squarespace.com My client wants one of image blocks to a slider of the image with others. They want it to autoplay. However, it seems that the carousel gallery block is not available in the latest update. Anyone have a workaround or some CSS/plugin that will do this? -
Site URL: https://www.getwatercooler.com/ Hi - I'm interested in adding a vertical auto-carousel "animation" to the text in the hero image on this site: https://www.getwatercooler.com/ Practically speaking, I would like the word "insights" in the phrase "insights at work" to be replaced by additional words that scroll up from the bottom automatically and pause for 1-2 seconds before the next word in the carousel appears. In this case, the "at work" text would remain frozen in place and not animate, just the first word being replaced automatically. Additional words might be something li -
Site URL: https://mollyrees.com Hi! Carousel doesn't have a lightbox option, and I've been searching endlessly for custom CSS to create this option. Is it possible? I heard that it's an option in the Forte template, but haven't seen what that looks like. I have several Carousel galleries on a page and would like the viewer to click through larger images if possible. Even if a lightbox weren't an option, I'd be happy if there were a hover or roll-over effect where hovering over a photo enlarged it temporarily. Kind of like the "genie effect" option on a mac computer when you ro -
Site URL: https://pigeon-orange-s7hm.squarespace.com/ Hi, Could someone please help me? On most of my pages I have the carousel like you can see on: https://pigeon-orange-s7hm.squarespace.com/ (Pwd: Suzi) I would like for all of these carousels found on most of my project pages to have some spacing i.e the blue on the page to be a divider between the images. Like this: Is this possible with CSS? Thanks!
-
Site URL: https://antelope-octagon-t69s.squarespace.com/ Hey guys, I was wondering is it possible to have a Hero carousel with a video item in it? Currently there is a SVG logo on top. Ideally I want the whole thing to change into another slide, with a different background video and messaging. (Product lead slide, with offers etc) Password: Fostex1722! Any help would be much appreciated. Thanks, Oliver
-
Reducing background image and carousel heights on mobile
narnado posted a question in Coding and Customization
Site URL: https://kristelandnic.com/ I want to reduce the height of one of the background images on my site along with a carousel on mobile. Right now they take up too much space and the image cropping is a bit awkward. See image attachments for too see which sections need adjustments. @tuanphan you probably might know how to resolve this. Thanks in advance!! -
This is wracking my brain and it's hurting. I would like a simple scrolling carousel in 7.1 please. Any ideas? When on mobile (or even website) I don't want to display images in a tiled display as this makes viewing on mobile really clumsy. Is it even possible to add a carousel of images that viewers can scroll through with a description underneath that I can either create link to another page or website? Better still I would love to add a description AND a button to the image either on or below each image in the carousel. This type of feature is seen all over on many websites
