Search the Community
Showing results for tags 'carousel'.
-
Site URL: https://cello-opossum-2bsn.squarespace.com Hi there, password: 123 - on homepage I finally found a testimonial slider carousel that worked... but not it is re-formatting my entire page. I am trying to find the part within the code, either the css or html, that is making this happen. I would really appreciate some help! Thank you I have attached pictures of the slider and what the code is doing to the entire page. -
Hi there, My site is not yet published, currently making it for the first time. I am using the 'store' feature which has example items for sale from the base template. However, I am not selling products on my site, instead, I am recommending products that are on amazon using an affiliate marketing model. Is there a way to somehow link a product within the store to Amazon? For instance, instead of the 'add to cart' option, can I replace it with a button to link to Amazon? The reason I am using the store/products page is because I want to create a carousel summary bloc
-
Site URL: https://eatwanderexplore.com/europe I am trying to round out all 4 corners of my summary grids, but only the top 2 corners of my carousels. The images themselves are rectangular and vertical, not square. This code has worked somewhat, but it changes ALL of the corners for all types of summaries. .sqs-block-summary-v2 .summary-thumbnail { border-radius: 15px 15px 0px 0px !important; moz-border-radius: 15px 15px 0px 0px !important;} see images. page url: https://eatwanderexplore.com/europe -
Site URL: https://labelvisuals.com I want to make a slider out of image cards for my "Process" section on my homepage. I made a mock version for now but on mobile it doesn't split the image from the text so it won't work as is. I need code for all five of my image cards to be made into a slider that auto-plays and can be toggled through using arrows, please pretty please--any advice? Squarespace has this on their site:
-
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!- 4 replies
-
- 1
-
-
- summary
- summary-block
- (and 1 more)
-
Site URL: https://www.shopuhhuh.com/collection/formless Hi there – I'm looking for a code snippet that will enable my summary blocks to reveal a second image on hover (exactly like the product page does). Page that I would like this to display on: https://www.shopuhhuh.com/shop Any help you could provide would be most appreciated!
-
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 m
-
Hello, I am using Squarespace 7.0 and trying to get my image meta title visible on hover for my carousel gallery. Each one has a different title, and I want it to be visible when hovering each image. Could you help me with it ? Thank you very much ! Julie
-
Use summary carousel just as image/text carousel
pbsbdesign posted a question in Coding and Customization
Site URL: https://capybera-lanternfish-26f4.squarespace.com/ Hello there! I have got a little situation with my client's work in progress SquareSpace website. I want to make sort of a skills slideshow like my client have in his current website : https://www.ocso.fr/nos-solutions To do that, I would like to use te summary carousel block which seems perfect in term of layout. But the problem is that I don't want to use it as a blog or event summary, but just as a simple image/text slideshow. I just would like to insert the image I want with the text I want… Have you got any solut -
Site URL: https://www.cedarbuiltgreenhouses.com/arrow-test-page Hello anyone or TuanPhan (hopefully 🙂 ), Having some issues with these gallery options. Need a bit of code to fix Carousal: Need darker grey backdrop behind white arrows Slideshow: Can’t see thumbnails as the top photo is too large. Tried adding spacers as above but it didn’t work. Can I reduce the height of the image on top of the slideshow so that the thumbnails are more accessible? (Also would like the darker grey backdrop behind white arrows on this too ) -
Site URL: https://qsolutionsgroup.squarespace.com/ Hi I need some help putting a carousel banner on my page, I used to have a working carousel banner just by putting a carousel below the banner. I recently turned my home page into an index page and it doesnt work anymore it just shows a carousel. This is on my home page. please help! Password: squarespace -
I used custom code to create arrows on my testimonials summary carousel. Here is the code I used: @media screen and (max-width: 767px) { .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager { bottom: -18% !important;}}.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager { float: none; width: auto; position: absolute; bottom: -5%;} .sqs-gallery-design-carousel .sqs-gallery-controls .next::before { background-color: #3c9; color: #fff; padding: 3px;} .sqs-gallery-design-carousel .sqs-gallery-controls .previous::before { ba
-
Site URL: https://qsolutionsgroup.squarespace.com/ Hi i need help putting a carousel banner on my home page - I was able to do it originally and it automatically put the carousel to the banner. But i changed my homepage to an index page and it stopped working? Is there anyway to fix this. Please help I asked two months ago and no reply 😕 Password: squarespace Bedford, Anya Template
-
Hello! We are building a site on 7.1 and have a client that would like to have a carousel of their videos. The 7.0 gallery block used to allow this but the 7.1 only allows for images. Anybody know of a workaround for this? Cheers.
-
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
