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

Search the Community

Showing results for tags 'carousel-summary'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 16 results

  1. I'm wondering how to make a auto-scrolling carousel block on Squarespace 7.1 templates. I'm trying to make an auto-scrolling testimonials section.
  2. Site URL: https://turncoat.squarespace.com/home Hello! I have summary block sourcing from a gallery and set to display as a carouseI for just one item. How can I center the Summary Heading "Color of the Week" and the Summary Title "Absinthe" in the center of the image? (see attached example). .sqs-block-summary-v2 { .summary-title{ } .summary-heading{ } }
  3. I love the new Summary Block carousel. I'm curious if it's possible to "autoplay" the carousel much like galleries can do. I know this is possible using Developer Platform galleries, but would love to be able to use with Block Carousels.
  4. Site URL: https://www.macarthurcorp.com/ Hello, Having an issue where the summary carousel does not display all the items at mobile sizes. It seems to only show 3 (of 6 total) which is the same number set to display per row. It only seems to work properly when I set the display per row to 1, however I would still like for 3 to show when on desktop.
  5. Site URL: https://www.yesandbymarin.com/blog I would like to hide the metadata (tag) from my blog summary carousels. I have created titles for each carousel, & thus do not need the tag also listed under the blog excerpt.
  6. Site URL: https://finch-tan-bd4p.squarespace.com/ Hi, Website I'm working on: https://finch-tan-bd4p.squarespace.com/ Password: serene I managed to have the arrows for a summary carousel to be on either side at the top. But I would like it to be on the side of the words instead of the top, without it overlapping the text. I've attached photos of what I wish to achieve. this is the code I achieved the arrows being on their side at the top: But this is what currently happens when I put it a bit lower: This is what it currently looks like:
  7. Site URL: https://gecko-maracas-par5.squarespace.com/ I added some CSS to a carousel summary block on my main page displaying blog posts to style the titles of each article. However, when I added a list summary block on another page, those stylings were also applied to it. I want to differentiate the designations in the custom CSS tabs but have not been able to figure out the right class name for a carousel block element; adding any class name I copy out of the developer console to the css ruleset seems to break it entirely. I can add that element's ID and it seems to fix things, but when I refresh the page the CSS will break because the element appears to receive a new ID every time the page loads. Does anyone know how to add styling that only applies to summary blocks that are set to the carousel layout? Please and thank you.
  8. Hello, Can anyone explain how i could change the css for the middle item that's displayed on screen in a carousel ? For example i have 10 items but only 3 show on screen but i want to make the middle item bigger, but when i press next to view the other items i still want the middle item in view to be bigger.
  9. Hi, I was wondering if there is any way to add a summary block (to show related blog content) AFTER the social icons on a blog post. I don't want to put it before because I believe the sharing CTA should be directly below the content to share, not way down the page.. My template is Pedro, from the Brine family Thank you,
  10. Hello, Wondering if someone could help me create a similar slider/menu effect as this website : https://valgeir.net/#works I don't need the transition effect of when you switch between options, but I'd like to recreate the multiple categorial button that sorts depending on which subhead link you click. Or if this is even possible within Squarespace? I'm currently using the Horizon template. Thank you.
  11. I am close to getting my FAQ the way I want it, but running into a couple of issues with the carousel summary. https://wayfarenursing.squarespace.com/faqs (hopefully that works - I'm previewing/tweaking Brine template). 1. At all screen sizes, items are cut off on the sides of the carousel. It looks like the carousel itself is larger than the container it's in? 2. At mobile size, the thumbnail image is getting shrunk in a weird way. You can see both issues below. At other screen sizes, the thumbnail is fine but content is still cut-off, as below: The CSS I have in place: //Summary Block Design // .sqs-block-summary-v2 .summary-item { background-color: #ffffff; border-radius: 20px; -webkit-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important; -moz-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important; box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important; } //Summary Content Padding // .sqs-block-summary-v2 .summary-item .summary-content { padding: 5px 20px 20px 20px; } .sqs-block-summary-v2 .summary-title { font-size: 20px !important; color: #F05123; } .sqs-block-summary-v2 .summary-item .summary-excerpt { color: #43403C !important; } .sqs-block-summary-v2 .summary-item .summary-read-more-link { color: #00A3B0 !important; } .sqs-block-summary-v2, .sqs-gallery-design-carousel { margin: 0px !important; } .sqs-block-summary-v2, .sqs-gallery-design-carousel-slide { padding-right:0px!important; padding-left: 0px !important; margin-right: 5px !important; margin-left: 5px !important; } Any help would be greatly appreciated!
  12. On my home page I have a summary block for testimonial posts. There should be an excerpt (which is ticked in summary settings) they are invisible. There's a gap where they should be, but no text. And I think it's worth noting that even on the blog page (where I listed my testimonials as posts) the excerpts are not showing. Does maybe someone know what I should do or if it's a bug how to solve it? For reference this is my homepage: yogamethod.nl
  13. Hoping someone can help me out here. I've already searched all over Google to make my summary block auto-play but it's only working on one block for some reason. I have 2 carousels that I need to auto-play on loop on this page: https://www.hubinc.ca/home but the second one under "featured members" is not rotating. I'm sure I just need to tweak this code I have, but I'm not sure how. Can someone please help? Thanks so much! This is the code I'm currently using: <script> Y.on('domready', function () { var galleries = Y.Squarespace.GalleryManager.getGalleries(); var duration = 4000; var gallery=galleries[0]; var carousel=gallery["gallery-design"]; var totalGroups=carousel.get('totalGroups'); var currentGroup=0 var container=gallery.get("container"); var nextBtn=Y.one(gallery.get("elements.next")._nodes[0]).on("click",function(e){ e.preventDefault(); e.stopPropagation(); advanceCarousel() }) var prevBtn=Y.one(gallery.get("elements.previous")._nodes[0]).on("click",function(e){ e.preventDefault(); e.stopPropagation(); backupCarousel() }) Y.one(container._node).get('parentNode').on("mouseover",function(){ clearInterval(myInterval) }) Y.one(container._node).get('parentNode').on("mouseout",function(){ clearInterval(myInterval) setMyInterval() }) var myInterval; function setMyInterval(){ myInterval = setInterval(function(){ advanceCarousel() },duration) } setMyInterval(); function advanceCarousel(){ if(currentGroup==(totalGroups-1)){ currentGroup=0; }else{ currentGroup++; } carousel.goToGroup(currentGroup); } function backupCarousel(){ if(currentGroup==0){ currentGroup=totalGroups-1 }else{ currentGroup--; } carousel.goToGroup(currentGroup); } }); </script>
  14. Hello! How do I disable the lightbox on the summary carousel since it's to a hidden page? Thank you!
  15. Site: https://chrissytolley.com/Template: Shift If you scroll down to Testimonials, you'll see I've used a summary block carousel for testimonials created in a blog format. Since the longest quote is first, excessive white space is not a problem. However, as you scroll through, you'll see a lot of white space when the quotes are shorter. Is there a way to make the summary block carousel dynamic so that it "shrinks up" when the testimonials are shorter, and doesn't create a huge block of white space between the carousel and the next section header? (I am comfortable with CSS.) Any help/insight is greatly appreciated, thank you.
  16. I'm using the code found here: https://answers.squarespace.com/questions/46060/can-we-set-a-summary-block-carousel-to-autoplay.html Is there a way to apply this to all the carousels on my page/site?
×
×
  • Create New...