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
    • Resources
  • 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://pufferfish-mauve-jkwn.squarespace.com/new-page-1 Hi! I want a summary list to be displayed with enlarged images and centered excerpt in mobile view. I've added some custom code and sometimes (especially in CSS edit mode) it looks like it's all perfect. But when I exit CSS edit mode and change to full screen the layout changes and the excerpt moves over to the left side. I've attached 2 screenshots so you can see both versions (left side: looking all good in edit mode // right side: shifting to the side in full screen). I used the following code: @media screen and (max-width:640px) { .sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .sqs-gallery-meta-container { width: 100% !important; } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container { width: 100% !important; } .sqs-block-summary-v2 .summary-block-setting-text-size-medium .summary-title { margin-top: 20px; } } .summary-thumbnail-container{ padding-bottom:40px !important } .summary-excerpt{ padding-right:20px !important } .summary-thumbnail-container{ padding-left:20px !important } The problem occurs on all my devices (laptop, tablet, android phone) and on all the browsers that I've tried (Microsoft Edge, Chrome, Firefox). So it must be the code but I can't figure it out. Anybody out there who can help me with that?? šŸ™‚
  2. Hey Guys! I like to use list elements a lot, because they enable swiping through items on mobile. I use them for "buzzword-roulettes" šŸ˜‰ and "teams". Unfortunately ā€“ the "title" of the items is generated as Heading 2/ H2, so I end up with a messed up heading hierarchy with a lot of H2 with buzzwords or names. I know, I could disable titles on items, but this way I can't make a phrase stand out in the description size wise and I am limited to make the phrase bold. Any idea how to disable / prevent / override this?
  3. Hello, I added a list section to 2 pages on my website and the button alignment is off probably due to the pictures as displayed below. I tried to adjust the picture settings ratio and that did not help any. I need to make sure the whole picture is displayed but not have it impact the button placement. I put the links to the impacted pages up in the header (stock market dashboard and cryptocurrency dashboard). The list section is called charts of interest and is down at the bottom of the page. Thanks in advance for the help!
  4. Site URL: https://ezmetrology.squarespace.com/ Hi can anyone please help me how can I create the same list item (https://ezmetrology.squarespace.com/) (card) with hover effect (this is under "EZTechnologies" section )? I tried to do that by add a section & then from Services from the left menu, & I was able to do something like this But I want the text shouldn't be in the image, the text should at the bottom of the image with title, description & the card should have a hover effect. can anyone please help me how can I do that. I am new here, thank you in advance. EZM
  5. Site URL: https://www.newconductorsorchestra.org Hello SQSP forum, I am trying to change the second slide banner slideshow background only on mobile to another uploaded image. I think I've figured out how to isolate the second slide -- I've been able to put a border on it!-- but don't know how to upload the image itself. Here's code I have so far @media only screen and (max-width: 640px){ #collection-61e9e0f678724a292e138438 { .list-item[data-is-card-enabled="true"]:nth-child(2) {img:url(https://static1.squarespace.com/static/61e9e0a1c56e13742a1a45a4/t/6321e7846d4fcd546b6acafa/1663166341170/SQSP+mobile+background+image+for+conductors.png)!important; background-repeat:no-repeat!important; background-size:cover!important; background-position: center!important;} } } Any help is greatly appreciated! Thank you!
  6. Site URL: https://tbabeta.squarespace.com/ Password: tbatest Hi Everyone- is there a way to make the picture itself a clickable link? I am using the list section as a way to display flyers, and don't want to use a button to distract from the design. Any guidance would be much appreciated. Thanks!
  7. Site URL: https://sadiespikescuriouscabinet.com/alternative-art-school-bristol Hi, I'm looking to reduce the amount of space each side of text and buttons in a list section on mobile view only. The web copy is being displayed in a narrow central area meaning that some of the words, and specifically the buttons are forced to drop vertically over several lines, rather than run across one line horizontally. Does anyone know of a css fix for this please? Thanks!
  8. Site URL: https://audreyconducts.squarespace.com/web-design-copy Howdy Everyone, I am aiming to create a testimonial slider. I have added a gradient to each card, and altered the arrow color However, I would like to round the corners of the "white" section, which is I think just the absence of the gradient background (when I remove the gradient code, everything is white except for the text and the arrows!) Any help rounding the corners would be greatly appreciated! Here is the code affecting this section. /*gradient testimonial slider*/ .list-item[data-is-card-enabled="true"] {background: linear-gradient(to right, #9062a1, #bfb1c4)!important; border-radius:50px;} .user-items-list-banner-slideshow__arrow-icon-background {background-color:hsl(28, 5%, 38%)!important; opacity:(.85)!important;}
  9. Site URL: https://www.qutefs.com.au/about Hi there, With the new squarespace design system I was hoping I'd be able to increase the columns on my simple list that I have made from the about us template. On desktop it looks great with 5 columns that means visitors dont have to scroll super far to view the content below all of our faces but on mobile its only a single column. Is there a way I can make it atleast two columns on mobile?
  10. Hello people, I need a little help with a code snippet. I found a tutorial but unfortunately it does not work yet. https://www.squarestylist.com/blog/center-summary-block Website: https://www.miha-sportphysio.de/ PW: Homepage22 I want the last two columns to be centered. Thanks a lot in advance!
  11. Site URL: https://Palamon.squarespace.com Hi all, I'm working on a website at the moment for a client and on the homepage we've got the sectors they operate in and their current investments. Both of these are build using the list section. As I'm sure many of you are aware, the list section does not allow the images to be clickable (why, I have no idea, this seems like such a huge oversight by Squarespace). In any case I have spent hours trying to resolve this so that the images can be clickable, the buttons can remain in place, and the text (that is between the image and the button) in the section can still be copy and pasted. I have tried both the methods outlined on this forum by @paul2009 and @tuanphan but unfortunately cannot get them to work at all. Any help at all would be greatly appreciated. Best Forrest
  12. Site URL: https://govtechtalent.sjs.co.nz/how-we-hire Hi there, I'd like to have the list margins consistent with the rest of my site content on mobile. At the moment the margins are slightly smaller for lists. Any help appreciated!
  13. Site URL: https://www.savvy-executive-search.com/ I have a simple list section comprising of 4 columns. This works well on larger screen sizes but on a tablet, the list becomes 3 across and 1 below. But on a tablet screen in landscape this happens Is there a way that I can force 4 columns on a tablet landscape screen? I have tried this CSS but to no avail! @media (min-width:1024px) { section[data-section-id="62bbb8e067b9fa4d2977a3f5"] .user-items-list-item-container { grid-template-columns: 1fr 1fr 1fr 1fr; } } Any help would be greatly appreciated.
  14. Site URL: http://www.dalmanpressurewashing.com last week I had figured out a way to add a boxshadow/dropshadow to images in a list but accidently deleted the code and I completely forgot what I did If you use .list-item { filter: drop-shadow(5px 5px 5px #000000); } You can add a drop shadow to a list image but it also adds one to the text and button I only want the shadow on the image. There isn't one resource on the internet I can find. I totally forgot how I did it before please help I am pulling my hair out because it's so simple but I just can't remember. This is a question about LIST IMAGES NOT REGULAR IMAGES
  15. Site URL: https://degriolaw.squarespace.com/ I need help making the last card a different color. Any help with the css for this? I am assuming it will be a nth-child situation but not sure how that works. Thank you in advanced
  16. Site URL: https://jaguar-grey-rryj.squarespace.com/all-treatments Hello Circle people, In this list section I would like to make each image clickable and link to the relevant page (same links as the buttons, and I want to keep the buttons). https://jaguar-grey-rryj.squarespace.com/all-treatments Would anyone be able to help? Thanks in advance! Emmanuelle.
  17. Site URL: https://alpaca-rose-3nt8.squarespace.com/packages Is there a way to make the bottom list item 'Add Ons' fill the width of the screen? https://alpaca-rose-3nt8.squarespace.com/packages Weddings2022
  18. Site URL: https://www.losangelique.com Hello, I have a list section I use for testimonials on the site. However, in mobile view the text size is too big so it ends up being a long column of words which makes it hard to read. Is there a CSS code fix for making the text smaller in the list section in mobile view? Thanks! Blayne
  19. Site URL: https://venturatherapycollective.squarespace.com/ Hello! I am working on team page for a client and I used a list template to create it. I love the look, but now my client is requesting that I hide the list summary and make it collapsible like an accordion to shorten the page length. Anyone know how to do that? I've looked for code everywhere and can't find one that works. Also, what code can I use to shorten the height of the gallery section on my about page? There's a lot of dead space between the page title section and the gallery. Thank you for all the feedback! https://venturatherapycollective.squarespace.com/ Password: Ventura
  20. Site URL: https://www.sandfordpr.com/ Is there a way to make the content width for a list section narrower on desktop/tablet? Iā€™d like the four panels to keep the same two column compsition as in the screenshot, but to be narrower in width and central on the screen with generous space either side. With short content in the panels it feels necessary for them to be that wide. I can increase spacing between the panels but that doesn't achieve the right result. Iā€™d appreciate any advice ā€“ thank you!
  21. Site URL: https://nairbam.squarespace.com/smart-destinations Hi! Could someone help me? I'm trying to align the bullets with the text on cards. Remove the extra padding. Thanks in advance!!!!
  22. Site URL: https://sapphire-badger-a5a3.squarespace.com/config/ Hello - I really need help to sort out a problem with editing a list on the Homepage as it keeps disappearing when I click on it. The Squarespace Help Desk said it could be because of the custom CSS but I don't know how to sort that as I copied it from a Youtube video.
  23. Site URL: https://www.groei-praktijk.nl Dear all, Whenever i've used a "list" with different columns, the columns are unequal in size. If there's just two blocks in a list format, I think it looks messy. I've tried to align them with the spacing in the text block, but that differs for different browsers and so the blocks will still be in nonalignment. Can anyone help me out? How do I make sure that the blocks within the list formats have the same size, regardless of amount of text in the block? thanks!
  24. Site URL: https://mahalavi.squarespace.com web password: maha I'm trying to see if there is a way for the List Section to be clickable by image? I know that the other way is to use a List Summary but it doesn't work as well (List section images are more responsive as it is in three columns, whereas the List summary images are not). If anyone has a CSS that could help me to link each of the images here I would be very grateful!!!!
  25. Site URL: https://bassoon-aardvark-m9nc.squarespace.com/board I am using the list feature to show board member photos on a client's site. I would like a line break in the Content Title so that it is First Name <br> Last Name. This currently happens automatically for most names, but not all due to length. It is not possible to add html or returns in the Content Title field. So how might I achieve this? Website linked above. Password: pipclt
  • Create New...