Search the Community
Showing results for tags 'carousel'.
-
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?
-
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.
-
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
-
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 :
-
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).
-
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!
-
Adjusting arrows on 'People' carousel on mobile
zojomo_2 posted a question in Coding and Customization
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. -
Carousel Summary Block Full Width Issue - Squarespace 7.1
Horosho posted a question in Coding and Customization
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!- 2 replies
-
- summary-block
- carousel
-
(and 2 more)
Tagged with:
-
Resize carousel gallery on mobile. (7.0)
lulu.lindberg posted a question in Coding and Customization
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! -
How do I add a subtitle to a summary carousel?
Maegodwin posted a question in Coding and Customization
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. -
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
-
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!
-
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
-
Summary Block Carousel - nothing showing!
theneoncollective posted a question in Coding and Customization
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 -
Hi everyone, Is there a way to get a gallery carousel to transition smoothly instead of the current start-stop movement? Thanks in advance!
-
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
-
Site URL: https://unitedsafetytech.com/ Hi! Looking for help reducing carousel title font size. (Enhanced Protection for All Markets) https://unitedsafetytech.com/ TIA!!!
-
Making Carousel titles appear over the preview images.
devilaxe posted a question in Coding and Customization
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 -
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
-
Display carousel slider image and text side by side
elizablake posted a question in Coding and Customization
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!!- 3 replies
-
- custom-css
- css
-
(and 3 more)
Tagged with:
-
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!
-
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
-
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