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

Search the Community

Showing results for tags 'list-summary'.

  • 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
  • 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://roadrunner-star-7b6s.squarespace.com/ Hello! I've added some custom CSS to make the titles on list sections ("What kinds of tree restoration are we looking for") and ("How will the process work") to make them the same size as the h3 styling on other sections. However, when I view on tablet/mobile size, the custom headers stay large, and the actual h3's scale down a bit. How can I make it so that the custom CSS titles scale down accordingly? Thank you!! pass: fund
  2. Site URL: https://www.mackenziearchitects.com Hello! Wondering if there's any way to make list items a consistent height (see image below). Grey boxes with text sometimes are all one height, sometimes not, depending on the screensize. This can make the design look wonky. I understand that part of this is bc the template is responsive - which is awesome - but curious if there's still any way to encourage a baseline height consistency...? Thanks for any tips.
  3. Hi guys, Could somebody tell me how to CSS the Summary Block List? I want to (responsively) change the size of the image in relation to the text (larger image). Then I want to alternate the side of the image (1st item: image left, text right - 2nd item: image right text left, etc). Thanks for thinking with me!
  4. I have a website I'm working on for a client where I have a summary block for their calendar on their events page. Right now its set as a "list" in the summary block, and I like the way it looks on the computer, but would like to switch it to "stacked/grid" view on mobile so the thumbnail image is above the info as opposed to being kinda small and on the left taking away space from the text. Is there a way via CSS to switch the summary block mode in a media query? Due to contractual obligations I need to keep the beta site locked and can't share it, but shouldn't matter as its a general question, nothing specific to any "item" on a specific site...
  5. Hi! I created a blog and a summary block. But I don't like the design of the summary blocks and like the design of the List Sections. I would like to have the list section design for a summary block, but don’t understand how to do this. I reached out to Squarespace Help and they answered that it’s not currently possible to apply a summary block to a page section layout, due to how the summary block functions and they would recommend looking into custom code options. See 2 current options below: the regular summary block that pulls all the info from the individual blog posts and the list section in which I currently need to link buttons to the blog posts, it doesn't pull the content automatically. Is it possible with CSS?
  6. Site URL: http://www.not-yet-established.com I'm looking into building a collection/directory containing upwards of 30+ classified pages for a variety of businesses, ranged by category, and having them stored on one page (screengrabs of the lead page and classified pages I would like to build are attached). Users could collapse/expand the listings based on categories selected. I'm curious to know: (1) If I build these using the blog feature I can set each up by category, but then I'm confused about setting up a lead/landing page to house everything and whether a blog is really the right mechanism for this type of directory; (2) The commerce/store feature of Squarespace works perfectly for what I want to achieve. I could setup classifieds using this feature and then hide/delete pricing and "add to cart" buttons. While this works, am I silly to work this way? I'm concerned that the commerce pages weren't built for this purpose and might somehow be limiting, plus this would also push my site into a commerce payment bracket that might be unnecessary. (3) I'm aware of third party plugins like Community Box but my client is unlikely to want an ongoing fee for services such as this, so I'd prefer an upfront setup cost, if any at all. However, I'm also disappointed that Squarespace doesn't offer a solution for directory style pages. Any advice about best ways of working are appreciated.
  7. Site URL: https://coral-octagon-ldel.squarespace.com/dress-code Hi - I am working on a website and using the new auto-list feature (with the carousel) and I'd like to add a border or drop shadow to these cards. I can't find the customer css to target these in just this specific section. https://coral-octagon-ldel.squarespace.com/dress-code PW: dance123
  8. Site URL: https://www.truelovefarm.com/ Hello, I'm hoping someone can help me with css for the list section on this homepage. I would like the content box sizes to be consistent with one another regardless of screen size. Thanks!
  9. Site URL: https://youtu.be/cKxhyVtgBTc Hey there Squarespacers! Becca here with a free training on the brand new type of page section available in Squarespace - List Sections. 😍 List sections are kinda like collection pages; they contain multiple items in one place. You can have a title and button for each section, and then an image, title, description, and unique button for every item in the list. There are three kinds of layouts and all kinds of cool settings available for each! In this video you’ll learn how to add a list section to a page, change the content, and some of the settings that you’ll need to know when creating your own. I wanted to post it here for anyone curious about giving this new kind of page section a try! Here is a link to the video on YouTube; enjoy:
  10. Hi everyone, hope you could help me out with this matter: Enclosed two screenshots. screenshot 1 is a 'list' block I inserted on a free trial website. It shows really nice grey 'cards' when I turned on the option 'card', located in edit content > design > style > card. Screenshot two is the same list, but this time inserted on my own website which I am now restyling at the moment. However, turning on the 'card' option doesn't show any 'card' background on my list items. I do not know what to do. Could anyone help me with this? Thank you very much! Thomas
  11. Site URL: https://www.familjeterapeuterna.com/vi-allihopa Hi, I want my summary blocks to show the list layout when displaying on mobile and grid layout when displaying on desktop. Is this feasible? Thank you! Desktop: Mobile: :
  12. Site URL: https://www.bloom-candles.com/ I am looking for someone to help with some custom CSS to make the new List Blocks show 2 wide on mobile. I have tried to use other CSS mentioned on the forums with the same end goal but for galleries, products, etc, but not list blocks. On my site you will see after the headline block (2nd block down, list block) the section in question. On desktop is shows 3 wide (or two depending on screen) but on mobile it is only 1 wide and is taking up a lot of screen space and requires lots of scrolling which can't be good for conversions. I currently have this CSS running. I have tried my hand at making a copy of it that will work with list blocks but no luck. @media only screen and (max-width:767px) { .products .list-grid { display: flex; flex-wrap: wrap; justify-content: space-between; } .products .grid-item { width: 48%; } }
  13. Site URL: https://sprout-tuna-swnf.squarespace.com/ I have a blog summary block on my homepage that is split 50/50 with the text on the left and image on the right. When viewed on a tablet/mobile, I want the images to appear above the text, so they take up the full width of the screen. I've managed to get the text to fill the width of the block, but I can't work out how to do the same for the image. Here's what I've got so far: @media screen and (max-width:1200px) { .summary-content.sqs-gallery-meta-container { width: 100%!important; } } Please help!
  14. Site URL: https://static1.squarespace.com/static/5a946bedf93fd46cf01ea8d4/t/60054fe6825cad7378b3d627/1610960870989/WB-Sortimentsliste_210105_Januar.pdf Hi there I would like to create an interactive order list for a customer via squarespace. This is currently being implemented with an interactive, fillable PDF. Is it possible to do this using a form? Since there are over 200 products, this will not be possible with a normal form. The form would be very confusing. It should be possible to select a product and / or a quantity and fill in the contact details. Does anyone have an idea how to best implement this? Thank you in advance for your help. Important: It's just an order without payment connection!
  15. Site URL: https://mwilliams.photo Hi, I'd like to remove the date from specific blog pages, but not all blog posts - I've been able to do the latter, but that's not what I want. Specifically, I am changing my homepage to a summary list, which then has a date on it. I want to remove the date from the main summary list post, but not all the posts. I also want to remove it from https://mwilliams.photo/my-gear-list. Basically, trying to figure out how to target specific blog pages and not just a global on/off code. Thank you, Matt
  16. Hello. Im trying to find the CCS to change the text color of a title (on a list block) when putting the click on it. The page will be a digital newspaper so I need to increase the reader experiencie with it. www.araraunanews.com pass:aramedia123 Thank you.
  17. Hey! I'm about to start working on a site where I want to creatively use the list summary block. Instead of the title, excerpt, and metadata being stacked on top of one another, I wanted to see if it would be possible to get these on the same line horizontally. I tried messing with top and left margins for .summary-content, .summary-excerpt, etc. and it was really sloppy and obviously didn't work for different screen sizes. I've attached an image that gives an idea of what I'm trying to do. Thank you in advance if anyone can help me figure this out!
  18. Site URL: https://seabass-maroon-5h8g.squarespace.com/portfolio Password: oakpointtest Is it possible to click on a link that would only load blog entries starting with a specific letter? On my portfolio page I have a alphabet at the top. I would like to be able to click the letter "A" and the summary block below to only load blog entries starting with the letter A. Similar to this website: https://a16z.com/portfolio/# If it's not possible, how would I go about creating something similar to what is used on the homepage of https://www.squarespace.com/? Under "CREATE A WEBSITE" there are links that when hovered over, new content is loaded to the right. I think I could use something similar where I have the alphabet listed above and when hovered over a letter, a list of entries is loaded below.
  19. Hi, I'm creating a page to list our members/consultants within our new association. We currently have about 20 members in different cities, but we could grow much larger over the years. I wonder if there is a smart way to set up an overview/list of people and to have a page for each person for more information. What I have done so far is to set up a blog where each post is a persons profile, and then have an overview page where I list all the members in a summary block. You can view it here: Page: https://www.sbpo.se/vara-medlemmar Password: medlem My worries with this solution are: - it will take a lot of time to administrate once we grow larger and have more members - it will be hard to change the template we have setup in the future as you would need to go in and edit all members individual profiles if you need to update something for all of them - it's too flexible (we should have a general template) and not a long term solution - the sorting in the summary block can't sort on tags/categories/title of the blog, a workaround to sort it right now is to arrange the date/time of the blog we published in order to adjust the sorting of the members according to their name or city. What kind of solution would you recommend for this case instead of the one I have made? Thank you in advance!
  20. Site URL: https://www.revisingrubies.com/ I would like to edit the list block so that the thumbnail displays above the title on mobile. Currently, the image displays next to the text which results in it being too small to read. See the homepage of my website https://www.revisingrubies.com/ Thanks
  21. Site URL: http://www.wearehkers.com Hello, (This issue is on my template preview site that's not live yet, so I'm not sure what hyperlink I should be sharing, let me know how to share this particular page in the particular template preview) I'm trying to make the thumbnails of the summary blocks take up 50% of the screen space on mobile screen. I've set it to 50% on site styles so it is 50% on desktop and tablet, but on mobile, some reason it's been overridden to 35% (see bottom right in the "inspect element" section... I've even tried to code it in to the css but it's not changing. I've included the code I used below. I'm not sure why it's being overriden because the style attribute in the styles window says 50% but has it crossed out... I've tried coding the summary block text to 50% too but the same happens, it's overridden to 65% even when I've coded it to 50%... Please can someone help, maybe my code is wrong... Code I used: @media screen and (max-width:700px) { .summary-thumbnail .img-wrapper { overflow: visible !Important; } .sqs-block-summary-v2 .summary-thumbail-outer-container { width: 50% !Important; height: auto !Important; } .sqs-gallery-meta-container { width: 50% !Important; } }
  22. Site URL: https://kirstinfurber.com Hello - thanks for taking a look, I hope you can help me with this. I want to create a list-summary page containing a list of articles, a bit like a blog. But I want to be able to control and modify the order in which these articles appear on the summary page, not just have them list according to date of publication. How can I manage it so that the articles appear in the order *I want*, not the order they were published in? Many thanks in advance for any advice.
  23. I've been using the summary option on the blog page however it always leaves a blank spot as the 'summary' is technically a blog post itself. Is there anyway to summarise the content into a list formation without having the issue of it being a post as well?
  24. Site URL: https://www.kayukaya.com/new-blog/testingpicture Hi, I would like to disable the display of date, time and title on the image. I am display information from my blog page. I tried this but didn't workout. Thank you.
  25. Hi all, I'm looking to use summary blocks to organise my website, and looking to use 'list' in some instances. On the desktop this looks great, however when I switch to mobile view the thumbnail image becomes incredibly small. Does anyone know any coding so that the image is full-width and the text is underneath when viewed on a mobile? I'd want this site-wide.
  • Create New...