Search the Community
Showing results for tags 'carousel'.
-
Hi guys, I'm looking to create a section on my page that would look like this: Mini-Menu Bar (Item 1 / Item 2 / Item 3 / Item 4) <IMAGE> <TEXT> So what I want to achieve it that the Item 1, Item 2, Item 3, Item 4 are all visible. And when you click on it, the Carousel moves left or right to the corresponding Image AND Text. E.g. if you click on Item 4, then the Carousel moves to show IMAGE 4 and TEXT 4. TL;dr: Basically a mini-page within the page, with it's own menu bar. -
Site URL: https://www.1fortheworld.org/ Our charity asks people to take a pledge to give 1% of their income to a vetted list of non-profits. I'd like to have a form on the website where people can 'make the pledge', and then their name appear on a page on the site. What's the best structure for this in SS? Ideally I'd like their name to be added automatically, rather than manually.
- 1 reply
-
- 1
-
-
- form
- wall-summary
- (and 2 more)
-
Resize Gallery carousel for mobile for a specific folder
Carocombs posted a question in Coding and Customization
Site URL: https://www.altruist.nyc/collections Hi, I'm looking for a code that could help me resize the image carousel of my mobile view only for the collection folder pages in the primary navigation of our website. I'd like to make the carousel images larger which would bring the text underneath down. I ve tried other codes but there has been overlap. -
Site URL: https://krystalsim-33.squarespace.com/ Password: brineintopedro I'm trying to correct the padding for the custom styling but am unable to without shifting the whole container right. It's supposed to look like this:
-
Site URL: https://www.yungrealestate.com/availabilities/3-hacienda-court I am having a few issues displaying only one item per row in a Summary Carousel on Mobile. Below there is an overflow of the second item. This leads to the excerpt text being slightly cut off on the second item with more of an overflow from the third item. For some reason, the Summary Carousel Pagination only works for up to three items. There are supposed to be five items for this Summary Block as displayed on Desktop. Current Code CSS .sqs-block-summary-v2 { .summary-title, .su
-
Site URL: https://urbanashramyoga.com/pricing Site URL: https://urbanashramyoga.com/pricing Hello! How can I increase the height of the carousel element on mobile so that the blocks' size increases, and the second one is pushed to the right, bleeding off at the edge of the frame? Please see images below for reference: Thank you so much. Current design: Desired Outcome:
-
Site URL: http://www.lesfillesdelaconstruction.com Hi, I am trying to make the images in the summary-block (carousel style) bigger on mobile. I have tried this code, but only the first image becomes larger. @media screen and (max-width:767px) { .sqs-active-slide img { width: 100% !important; height: auto !important; left: 0 !important; }} Any ideas? Thank you !
-
Site URL: https://www.theartofphotography.net/ They arrows are too small. I am using the Chase Nevins template. Is there a way to adjust them using custom css or code injection. By inspecting I get the selector shown in image. I am not sure what to change. Is there a caret-right-icon--large?
-
Site URL: https://www.elizameadows.com/home Hi, For some reason, the summary carousel at the bottom of this page is shifting off-center at narrower page widths and on tablet. It is not a problem on mobile, for some reason. I tried removing all of the code, and it still displays incorrectly. Here is the current code: .summary-excerpt { margin-top:-40px!important; h1 { font-family:'Arno Pro', arno-pro, serif!important; color:#7e7853!important; font-size:10rem!important; padding-bottom:0!important; margin-bottom:-5 -
Site URL: https://www.purejoyskincarewaxstudio.com I have 2 choices, Stream and Floating. Is this something I would put on my home page? Review Stream Embed Code Floating Carousel -
Hi! I wish to remove the carousel arrows from the product images. Does anyone have any code for this? Thanks, Jennie
-
Site URL: https://qsolutionsgroup.squarespace.com/ Site URL: https://qsolutionsgroup.squarespace.com/ Hi I am having an issue with my site, I used to be able to have a carousel at the top of my page content and it would automatically change to a carousel banner, now when I do it on my home page (which I switched to a index page), it doesnt work and just sits in my page content. Please help! Using Bedford, Anya template, password to site is: squarespace
-
Carousel with space between images cuts off last image
bantalabz posted a question in Coding and Customization
Site URL: https://www.perklapp.com I have a carousel, which I've used CSS to add some spacing between the images (because it looks terrible without the spacing between the images), but every since adding the spacing, the last image gets cut off, like the carousel still assumes the same width as if the spacing was not there and does not have the ability to scroll all the way over to show the whole last image. How can I get the carousel to show the entirety of the last image? This seems like it is certainly a bug. -
Carousel gallery lightbox & description through hovering
Area-Man posted a question in Coding and Customization
Site URL: https://www.jenuman.com/24hours Hey yall! I'm trying to add some custom CSS to an artwork site that I'm working on but am having trouble using some of the scripts I've seen online. Basically what I'd like to do is to be able to hover over each image in a carousel gallery and have the images/artworks enlarge with a description of the piece of artwork. I'm not even sure if it's possible to do such a thing involving text, as it seems like a tall order; so I could be happy with just a simple lightbox hover feature. I've attached a couple images, one is of the gallery as it lo -
Site URL: https://www.getnibble.co I'm trying to make my site much better for mobile. Below my Hero, I have 3 text columns where I explain the benefits of using our product. However, on Mobile these text columns stack, meaning you have to scroll a bunch to get past them. I was wondering, how can I make make those text columns turn into a carousel once it gets to mobile? Images below show exactly what I mean. Thanks!
-
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. -
Site URL: https://www.theartofphotography.net/ The gallery slideshow captions are too small. How do I make them larger. I am using the Chase Nevins template, but don't know if that matters. -
Site URL: https://kale-viola-brsd.squarespace.com/ Password: 09092064 Anyone found a good way to make the product block carousel swipeable?? We just have these janky little arrows that are pretty hard to hit even with tiny thumbs.
-
Hi Squarespace team, Currently building my new portfolio using the Matsuya template. The images in the gallery block currently open to a Lightbox carousel of the images in the block. I want them to open to a new set of images. For instance: Current grid: Project Image 1a Project Image 2a Project Image 3a Project Image 4a Click Image 1 > Opens Lightbox carousel to display Project Image 1a, scroll to Project Image 2a etc. I want: Project Image 1a Project Image 2a Project Image 3a Project Image 4a Click Pro -
Summary block carousel text/image side-by-side layout
JButler posted a question in Coding and Customization
I'd like to have a summary carousel, but laid out like the 'list' summary with the image taking up about 50% and the title and except to the side of it, rather than stacked. Can anyone been able to achieve something similar or able to help? Also does anyone have an up-to-date autoplay script? I've tried so many and I can't get it to work on 7.1 at all. Thanks!- 1 reply
-
- 1
-
-
- summary-block
- carousel
- (and 3 more)
-
Site URL: https://www.rubenalza.com hello! is there a way i can have the carousel of images to load faster on the mobile view? i mean, it takes longer than 8 full seconds to completely start showing anything. i have reduced the size of the images considerably and still takes several seconds.
-
I have been having trouble with the carousel. Anyone know how to add it?
-
Hi there, I’m using a summary carousel block to display testimonials (actually blog posts). I click the right arrow to scroll through the testimonials. When I reach the last one, it stops and does this fast rewind left back to the first one. Is it possible to add code so you can keep clicking the right arrow and it will keep cycling through in a continuous loop? I don’t want it to scroll automatically, I just want the right arrow (or left arrow) to keep cycling through instead of stopping at the end and then fast-rewinding back to the first one. Any help is much appreciated. Thanks!- 3 replies
-
- 1
-
-
- summary
- summary-block
- (and 1 more)
-
Increasing size and weight of carousel arrows
studiolinear posted a question in Coding and Customization
I am looking to increase the size of these carousel arrows and the weight, they are too hard to see. I did add some code to make them appear on the left and right but now am stuck trying to make them large and thicker. Thanks! -
How to make Carousel summary block display 2 rows
AnnaC posted a question in Coding and Customization
Site URL: https://www.birminghamearlyyearsnetworks.org/ Is there any way of making carousel blocks display two rows, instead of just one? The grid view doesn't include arrows to swipe through further posts, but I've not found a way to make the carousel summary display two rows... any feedback is welcome.
