Search the Community
Showing results for tags 'carousel'.
Found 35 results
-
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.! -
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? This is the page I am using as a trial. PW: BA47 https://corn-apricot-zn88.squarespace.com/portfoliodetails/blog-post-title-one-p3bml
-
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've got the placeholders for the leadership team in place, but can't figure out the best way to have a scrolling section that includes a small picture and 3-4 lines of information to the right of it for each non-leadership employee. Ideally, I'd like to to have one image and bio presented at a time, with a carousel that spans the bottom of the page. I've tried just making it an image carousel by creating an image including the photo and the bio, but I still can't get only one to show up at a time, they appear blurry, and they end up all clustering or showing 5 across and basically all shifting left then right at the intervals I set the transition to. I've included an example of this with this post to give you an idea of what I'm talking about. I've considered/messed around with doing a summary carousel, but it seems the only way that would work is if I make a dedicated page for each employee to then showcase in the carousel. I suppose I can do that, but I'd prefer it be a last resort because that could end up being time consuming and cluttering things. Anyone know of a decent way to create a carousel that features both an image and text together, one at a time?
-
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? -
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! -
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 like "equity" to make the phrase "equity at work" or "empathy" to make the phrase "empathy at work". I've seen a lot of advice for animating the entirety of a text box, but not portions of that text box as in this example. Thanks for sharing your expertise! -
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 roll your mouse over the dock. Any way really for the images to become larger if the viewer would like to look at them more carefully! Thanks in advance for any help. My website is mollyrees.com, the page with the carousel galleries is "Editorial" which is a tab under "Photography". I have the page password set to: help! -
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 because when viewing on mobile it is super easy to navigate. I thought the whole point of 7.1 was for it's mobile friendly UX? Has anybody been able to find or source some code for this? It's wracking my brain and I can't be the only one? I have tried using a fake 'store' as you can add a carousel to a block under summary. But when you click the pictures it literally takes them to a store which is not ideal. Any other suggestions are very welcome! Many thanks.
-
Site URL: https://www.mozerisfineantiques.com/discover/antique-center-piece-with-rock-crystal-elkington-amp-co-1875 Hi, I have a product page https://www.mozerisfineantiques.com/discover/antique-center-piece-with-rock-crystal-elkington-amp-co-1875 My pictures have white backgrounds, I have chosen the carousel image style for products (click arrow for next image). However, since the arrows are white, they are not visible on my image with white background. How can I make them black? Thank you. Much appreciated.
-
Site URL: https://augustussung.com Hello all, Hope everyone is well and safe during these crazy times. I am one of many who unfortunately lost their jobs due to COVID-19. As such, I am frantically trying to update my portfolio and was hoping you kind folks can help me with some issues I'm having. I use the Forte template, which has a full bleed image carousel on the landing page [Index pages]. It's beautiful but was thinking of adding some sort of motion instead of just static images. Is there a way to have them as video clips instead of images or gifs (which when stretched becomes really grainy)? Appreciate your help with this. Here's hoping the Squarespace community can help me get back on my feet. -G
-
carousel slides on mobile too small Mojave template
Vegaproperty posted a question in Coding and Customization
Site URL: http://www.vegapropertyemporium.com Hey there, is there a css code to make the carousel larger on mobile, even if it's just showing the first picture only on mobile and then clients can scroll across? Currently on the desktop website its showing 3 images across(which is fine for desktop) .. Pls see photo attached Thank you @tuanphan -
Does anyone know of a script that can make the carousel (block, not summary) loop in the same direction all the time instead of "rewinding" at the end of the images. It does not look good in my opinion. I have asked Squarespace and they had no help to offer. I have seen one thread about it originating in 2014, but with no working solution. I am using the avenue template. Does someone here know?
-
Site URL: https://www.virginsuncare.com/product Hey! I am looking to create a custom image carousel for my product page. The shop I am building only has one product and I want to be able to customize that product page more than I am allowed through the individual product page created by SQS. I have built another page and added the ADD TO CART button but am having trouble trying to create an image carousel next to it. Not sure where to start with this and would appreciate your help! Thanks! Below is the site and photo for reference. The screenshot is a reference of the product image carousel I would like to build and the link is the current product page build. Site: https://www.virginsuncare.com/product Password: virgin
-
Hi, I am building a site in Brine template and have been using Summary blocks to pull in blog posts, using the carousel layout. They display well and look good, however I would have thought the title and thumbnail would be links, with a click taking you to the relavent blog post. However, there are no links. the only way I can link through to the blog post, is by clicking 'Show Read More Link' under display settings. Surely these should just link through automatically? Also, I have found that fonts do not match my sitewide settings in the summary carousel, can I change this with CSS? Thanks! T23 -
Site URL: http://badger-indigo-86z4.squarespace.com Hello, I would like to add a sliding banner at the top of my homepage. I'd like to have the same image background, and have the text automatically change over the top - ideally a button as well. (I have set this up as a flat banner with how I want it to look) The theme I'm using is Bergen. I have added a gallery block but can't work out if theres a way to add the copy and format it. It would be great to get this sorted as I can use the same functionality for my testimonials - seems like it should be standard functionality... unless i'm missing something! Thank you!
-
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
