Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'carousel'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.shrine.nyc/online-projects I added custom CSS to make the images in a "simple list" clickable, but cannot get the images in a "carousel" to be clickable. Any guidance?
  2. Site URL: https://www.luma.copy.com s there a way to disable scrolling through a slideshow with fingers on a mobile? We want users to have to press the buttons in order to see the next slide.
  3. Hi everyone, I've created a scrolling image carousel as per the screenshot below but would like the images to fill the whole block to fill the white space. Is there a way to do this?
  4. Site URL: https://brondyhumphrey.com/expansion-2 Hello there, I would like to be able to scroll horizontally on my carousel summary block sections without the arrow displayed, only with touch, on Mobile ONLY. Could someone help me to achieve this ? 🙂 I wish you a wonderful day. https://brondyhumphrey.com/expansion-2 pw: pure
  5. Site URL: http://brondyhumphrey.com/expansion-2 Hello everyone, I am trying to to do these 2 things on my website 1) I'm trying to fade in Black my full width carroussel image at the bottom (summary block). 2) Add another carrousel section crossing the fade (like Netflix) Here's an example of what I am trying to replicate :
  6. Hi there, I'm curious as to how I would go about creating clickthrough URL's on the individual cards I created in Figma. I'm utilizing an image content section that is designed as a carousel and I uploaded hard designed/flattened "cards" as images in the carousel. I want to make each card it's own clickthrough link to that companies website. I have the option of creating buttons as clickthrough's that live beneath the cards, but I want the clickthrough to live directly on the individual card/image components themselves. Anyone have an idea on how to do this? (I'm proficient in coding so feel free to drop some ideas when it comes to DOM manipulation).
  7. Hello everyone! I have created a banner slideshow on my home screen to show visitors different features available to them when they download my mobile product. The tricky bit, I am trying to make the content>title text a different color on each slide. There doesn't appear to be a feature that allows me to have multiple text colors in a banner slideshow. My workaround was to publish images with the different color text but those get cut off for mobile. Thanks so much for any help you can provide!
  8. Hi all, I'm pretty new to coding but any help here would be so appreciated! I've got what I believe you would call a carousel on my client's 7.1 site. It's looking really good. I added it as a section, under the category 'People'. I've added 8 sections which you can slide through people's photos and information using the arrows feature enabled. On desktop, the arrows are to the side. However, when I switch the mobile, the arrows go to the bottom and only one person's photo and information shows at a time. This is fine. However, the arrows are so far down. Each person's section of text are different lengths, so the arrows are as far down as the longest chunk of text. It's clunky because the person's photo, text and the navigation arrows don't fit into one phone screen's length, if that makes sense. It looks silly! Is there a way I can move these arrows to show on the sides, like in the desktop view? Or a way I can ditch them on mobile all together? I've found CSS codes that supposedly do this, but they aren't working for me. Most of these codes are directed towards summary carousels, or gallery carousels... and I'm not sure if that's what mine is? Apologies in advance for not providing a site URL - the website isn't live yet.
  9. Site URL: https://www.horosho.io/ Hello! Would anyone be able to tell me why my banner isn’t reaching the full width of the page? It is so close, however on the desktop version, and especially mobile, it is noticeable. I am using a carousel summary block with the following CSS: /*Start Code for banner on Home page */ [data-section-id="6134d5610ba34b71eff63623"] .content-wrapper { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; margin-top: -36px !important; margin-bottom: -12px !important; max-width: 100% !important; width: 100% !important; overflow: hidden !important; } /* Add space between excerpt and post title on banner }*/ #block-18fde951df183f0ea6a1 .summary-excerpt p { padding-top: 10px !important; padding-bottom: 5px !important; } /* Add space between title and image */ #block-18fde951df183f0ea6a1 .summary-title { padding-top: 20px !important; } /* Add space between date and bottom */ #block-18fde951df183f0ea6a1 .summary-metadata-item.summary-metadata-item--date { padding-bottom: 20px !important; } /*End Code for banner on Home page*/ I was able to remove the space on the left side by using margin-left: -3px, however that just seemed to shift the images to the left, and not widen it. Any help would be much appreciated!
  10. Site URL: https://www.kelseynaef.com/services On mobile, the gallery carousels are tiny, i'd like to increase the height and lose the padding on mobile, so you can better see the photos. (Stuck using 7.0 until the plan expires) Thanks in advance!
  11. I'm working on several sites using the summary carousel with a feed from a blog to make testimonial sections. I really need a subtitle added with different styling than the title or excerpt. i.e. Name - Position/Company - Review. With the name being the title, position or company being the subtitle, and the review being the excerpt. I have code already to style the title and excerpt, but not how to add the subtitle. I know a little CSS and am expecting the answer to be CSS, but other round about ways are welcome too.
  12. Hi there, I’m building a new 7.1 website and would like to add a summary block that does not stack and that allows for swiping when in mobile. I’d prefer not to have arrows, but rather the first image and some of the next one so that the viewer knows to swipe left and right. As an example, this page on the Nike site does the exact thing I’m looking for…. https://www.nike.com/ntc-app The equinox site also has this. (I’ve included a video of the site with the functionality I’m looking for)… Is there a plug-in or some css code that I can add to make this a possibility for my site? Thanks in advance, JP FullSizeRender.mov
  13. Site URL: https://mustard-sawfish-krrm.squarespace.com/config/design/custom-css How can I change the title font ('Our Story') on a carousel/list item? Thanks!
  14. Site URL: https://www.camillaharrissoprano.com Hi, I would like to italicize the quotes in the testimonial carousel (not the names below). How do I go about doing this? Thanks
  15. Site URL: https://pelican-lemon-rf2w.squarespace.com/business-lounge-new-layout Hi all, My client wishes to display her blog posts in a carousel. No matter *what* I do, they just will not show up in the correct format. They show in the grid display, the wall and list - however when I change them to the format the client wants, everything goes blank. In both preview and live view, nothing is there. Can anyone please help, I can't understand what on earth is happening! Thank you all so much, Michelle
  16. Hi everyone, Is there a way to get a gallery carousel to transition smoothly instead of the current start-stop movement? Thanks in advance!
  17. Site URL: https://sunshades-eyewear.squarespace.com/ Hi I have added this custom CSS for all logo sliders on my website: .sqs-gallery-design-strip-slide { padding: 0px 20px 0px 0px; } But now the logos get cut off when the screen width is less than approx 1500px. They are not visible on mobile. How can I fix this so all logos are visible at any screen width? https://sunshades-eyewear.squarespace.com/ password: SSE2022
  18. Site URL: https://www.coastalgrain2.squarespace.com Hi gys, I'm trying to adjust the line height of the heading in this carousel section, and I'd like to move the slider arrows to the centre of the image, all on mobile. p: 123coastalgrain123 Cheers!
  19. Site URL: https://unitedsafetytech.com/ Hi! Looking for help reducing carousel title font size. (Enhanced Protection for All Markets) https://unitedsafetytech.com/ TIA!!!
  20. Hello I am creating Carousel with upcoming events and would like Event Titles to appear over cover images (like poster) instead of being under the picture. Please advise on how to make this happen. See attached image as an example of desired result. I am using Squarespace 7.1
  21. In this page of my site: https://www.unswaseanconference.com/about-asean-2021 I want to make the caption of each image in my list carousel to only appear on the centre of the image and also only appear when the image is hovered. Any help on this will be greatly appreciated. My idea is for it to be like the one discussed on this post: However, that post only works for summary. When I tried applying it to my code, it didn't work
  22. Site URL: https://papaya-armadillo-7acs.squarespace.com/ Hello! I need help with displaying the image on the left and the text on the right in my carousel slider found on the home page and also on this page. I've managed to use code to get the proportions how I want it but just cannot find how to get the image to display on the side. Please help!!
  23. Site URL: https://elizavolk-healingarts.squarespace.com Hello there, I'm having a hard time to find a code to resize the carousel Title "Work with me" on the homepage. Looks like on media screen it is integrated as a body and not as a title. (I tried to resize the body in that section but the text below also got bigger). See the attachment files to see what I mean 😉 Any idea of custom css or code injection ? Thank you so much!
  24. Site URL: https://shop.jonathan-gallagher.com I have a gallery carousel, Brine, and would like to have more control over the design of the navigation arrows. I'd like to move them, possible split them in two, one on the left, one one on the right. Change their thickness etc. I think it's this elements: .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager but can't seem to figure out how to make changes to it pw:jonjonjon
  25. Site URL: https://www.shineplano.org/ Hi all! I'm working with a theater and we're displaying upcoming shows with a List Carousel, but it looks terrible on mobile (see screenshots). I'm fine with one show being displayed at a time, but any suggestions for code to widen the card size on mobile? Gated page password is Shine! Thank you in advance! - Lauren
  • Create New...