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

Search the Community

Showing results for tags '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://www.whiteboardjournal.com/ Can i create summary layout same as this site from Blog Post or Event? https://www.whiteboardjournal.com/
  2. Site URL: https://plum-trout-c8tl.squarespace.com/ Heyo, I want to change the color of the meta data in the summary block. I have tried some code but it still has a certain overlay over it. No matter what color I try it always has this sort of overlay. I have already tried: #block-e1205ce284e2c1e398bb .summary-metadata * { font-family: 'albertsanssemibold'; font-size: 1.1rem; color: black !important; } but it is not working as you can see (Metadata is above): I would like it to be just full on black, #000000 Would appreciate any kind of help. Thanks in advance! Sitepw: j6&1!eA
  3. Site URL: http://faceoflove.co I applied a code to add a border around the images in my summary blocks. I did need this code to affect the majority of the summary block photos with the exception of 2 blocks. Is it possible to target specific summary blocks with this code so it does not apply to the 2 summary blocks where the border around the photos is not needed. this is the code that I used: .sqs-block-summary-v2 .img-wrapper, .sqs-block-summary-v2 .sqs-video-wrapper {border: 1px solid #E1D8D1;}
  4. Site URL: https://recorder-jaguar-6lxy.squarespace.com/ I am building a website for an independent letting agent, and have built in a filter to filter the properties available by feature (dog friendly, swimming pool etc). I am using a summary block for the filter. Once you've used the filter, and click on a summary item, ideally the user should be directed out to Guesty Bookings where they can book their stay at the property. Otherwise they'll have to be directed to another page within the site to then click a button to then take them to Guesty Bookings which adds more steps than necessary. Does anyone know how I can direct users to external website when clicking on a summary item?
  5. Site URL: https://www.tlastmarks.com/pre-k Password: Devon Hi! I'm looking to force 5 per row on mobile in the summary block in the footer of this website with CSS. Hope you can help! @tuanphan @creedon @bangank36
  6. Hi Squarespace builders! I have an odd problem. I'm trying to randomize content on a blog. So that the thumbnail posts are displayed in a random order every time the site loads. Is this possible? To give context to what I'm doing (perhaps there's a better way) – I have a list of association members for my local accommodations website. They each have "more info"... so some text and a slideshow of images. On the main blog page I'm just displaying a thumbnail link and their name. They each want a turn near the top of the page from time to time. So I need to figure out how to randomize the posts. I also have a "featured member" area on my homepage which would feature 6 members and change from time to time. I tried setting them up as a portfolio, but realized that 7.1 doesn't support tagging or categorizing portfolio items! UGH! Anyone else want this feature back?! Does anyone have some code that would work for this that I could place in the blog header? Thanks in advance for anyone willing to help me! Warmly, AK
  7. Hey there, I have a few questions for whoever can assist! I appreciate your time 🙂 I am trying to achieve a similar carousel that Patagonia has going on. This is the link https://www.patagonia.com/stories/ I am wanting to move my arrows for my summary block carousel to look and function the same way Patagonia has theirs. I have most of the code in place, but it seems like I can't get my arrows in the right spot and the right arrow seems to be running into the container, resulting in it being cut off. Below is my code. Secondly, I am wanting to achieve the same single-scolling left-to-right that you can experience here: https://www.patagonia.com/stories/ Mine moves entirely instead of one column at a time. I am also looking to implement a color hover effect to the arrows. I am wanting it exactly as I have my scrolling up button in the bottom right hand of the website when you scroll down enough. I am having a hard time targeting and adding that hover affect to them. Here is the direct link to the page: https://commongroundbend.org/our-journal and the password to see it is "helpme" .................................... Here's my code so far: .sqs-gallery-design-carousel .sqs-gallery-container { overflow: visible; } //Summary carousel arrows .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager { float: none; width: 100%; position: absolute; bottom: 35%; left: 51%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 9; } .sqs-gallery-design-carousel .sqs-gallery-controls .next::before { background-color: #8abcce; color: #000; font-size: 20px !important; cursor: pointer; font-weight: bold; padding:24px 24px 24px 24px; border-radius: 50%; box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); } .sqs-gallery-design-carousel .sqs-gallery-controls .previous::before { background-color: #8abcce; color: #000; font-size: 20px !important; color: #171717; cursor: pointer; font-weight: bold; padding:24px 24px 24px 24px; border-radius: 50%; box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); }
  8. Site URL: https://redgumproducts.squarespace.com/ Hello! I have a site in progress (password is 123456) that requires 4 different product paginations. Paginations required as follows.. REDGUM LOG SPLITTERS > 'specific product' REDGUM CHIPPER SHREDDERS > 'specific product' REDGUM LOG SPLITTER ACCESSORIES > 'specific product' REDGUM CHIPPER ACCESSORIES > 'specific product' In order to do this, I created 4 separate store pages (I thought it best to do it this way rather than sorting with categories.) My issue is that I have products set up as summary blocks and I don't want the pagination to go back to the 'products' page. I want the pagination to go back to the unique 'summary' page. I found this code snippet which works perfectly if you have one store page..... <script> $(function(){ $(".ProductItem-nav-breadcrumb-link:first-child").attr("href", "/log-splitters/"); }); </script> I have tried using this code in the page header code injections (obviously changing it to relate to each specific page title) but it is not working out for me. Can this even be done? Any help most appreciated!!!!! Please and thank you 🙂
  9. Site URL: https://www.bbarinaga.com/portadasebooks https://www.bbarinaga.com/portadasebooks password: 1234 Hello, I am on 7.0 and am attempting to simply make one individual summary list switch to 2 columns on mobile. I have used the following code but the change is applied to all summaries and I only need it for this one: https://www.bbarinaga.com/portadasebooks @media screen and (max-width:640px) { .sqs-block-summary-v2 .summary-item.positioned { width: 50% !important; position: static; } .sqs-block-summary-v2 .summary-item-list { display: flex; flex-wrap: wrap; flex-direction: row; } } Can you help me @tuanphan?? Thanks!
  10. 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.
  11. Site URL: https://www.foodforbraces.com/ I have 2 summary blocks on my homepage. One is for blog articles The other is for recipes I want to put a text header before each summary block. I have inserted text for this. When I view on desktop it looks fine, but when I view on a mobile it puts the text header under the summary block. How do I fix this? Is there another way of putting a header in front of the summary block?
  12. Site URL: http://graphicstructures.squarespace.com If you look at this page I have managed to give the blog masonry a hover title and yellow overlay - http://graphicstructures.squarespace.com/ (pass: preview) I am trying to replicate this on a summary block on this page. I am nearly there but it's a bit buggy, isn't working well on mobile and also there is an odd white space under the images? http://graphicstructures.squarespace.com/projects (pass: preview) Here is the code I'm currently toying with: .summary-item img { transition:all .1s ease !important; } .summary-item .summary-content { display: flex; place-items: center; justify-content: center; } .summary-item .summary-content { background: rgba(254,237,0,.9); width:100%; height:100%; position: absolute; color: #fff !important; top: 50%; left: 50%; opacity: 0 !important; pointer-events: auto; transition: all .1s ease; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform:translate(-50%, -50%) } .summary-item .summary-title, .summary-item .summary-metadata--primary, .summary-item .summary-metadata--secondary.summary-item .summary-excerpt { color: #000 !important; font-size:20px !important; text-align:center !important; background-color: rgba(3,255,255,0) !important; } .summary-item:hover .summary-content { opacity:1 !important; } .summary-title a:after { content:''; width: 100vw; height: 100vh; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .summary-item { overflow:hidden !important; }
  13. Hi, Does anyone know how to hide "only" certain item's price tag on summary block? We have some products not ready for production but still want to show it in our shop. Thank you in advance.
  14. Site URL: https://papaya-armadillo-7acs.squarespace.com/ Password for website: design101 I'm trying to customise a summary block on this website. I'm using the summary block as a testimonial carousel slider, so I'm feeding in the content from blog posts. I can kind of get the content looking almost how I want it when I'm in 'list view', but I still want to show multiple so I'm wondering how I can achieve this. if there even is a way. **This occurs on the home page and the 1:1 coaching page. Below is what I want to achieve. Below is what I've been able to achieve (minus the carousel element).
  15. Site URL: http://www.readersinspired.com Hi everyone! I hope you are well. I am a bit stuck at the moment. I am looking for a way to use a custom CSS font and design of summary items and title on my site in a way that only affects pages under a specific folder (in my cause the "+Shop African Books," folder which include the following pages): West Africa East Africa North Africa Central Africa Southern Africa Non-Country Specific Pan African However the code I put in the the Design -> Custom CSS section of Squarespace (see below) has resulted in a global change of all summary items and titles. Is there a way this change to only affect the pages in the "+Shop African Books" folder and not additional parts of the site outside of this folder like it currently is now: .summary-title {font-family:Serif; font-size: 1.5rem!important} .summary-title {font-weight:bold} .summary-item {box-shadow:5px 5px 15px #ddd} .summary-item:hover {box-shadow:5px 5px #aaa}
  16. Site URL: https://papaya-armadillo-7acs.squarespace.com/ Site password: design101 Hello, I'm customising this summary block for each piece of content to have a 'background'. I've managed to use the custom code to get to this point but I am having this issue on the right hand side where the card is cut off. Please help!
  17. I'm using the Universal Filter and Lazy Summaries plugins to create a large catalogue of images with multiple filters via the Summary block. The issue is my product count goes beyond the 250-image gallery limit, and I want a streamlined design for this page. So I want to know if, like Lazy Summaries removes the item limit, there is a way to remove the single content source limit in Summary Blocks?
  18. Site URL: https://www.mindovermatterzine.com/ I'm changing my site's fonts using Custom CSS but I can't seem to find how to change the metadata font (author, publishing date, categories, tags). I successfully changed the title, 'read more' link and excerpt fonts using the code below but I cant seem to find how to change the metadata fonts. This happened both for blog and summaries. Please help! Code that I currently use: h1.blog-title a { font-family: 'Romana Bold BT' !important; font-size: 20px; text-transform: uppercase; } b.blog-excerpt a { font-size: 12px !important; } time.summary-metadata-item.summary-metadata-item--date { font-family: 'Romana Bold BT' !important; } a.summary-title-link { font-family: 'Romana Bold BT' !important; } a.summary-read-more-link { font-family: 'Romana Bold BT' !important; } .blog-item-title h1.entry-title { font-family: 'Romana Bold BT' !important; }
  19. Site URL: https://paloma-contreras-design.squarespace.com/ Is there a way to have the buttons on a summary block link out to an external URL instead of the internal blog page? https://paloma-contreras-design.squarespace.com/publications Pwd: PCD I'd like the button "Buy the Book" to link out to purchase the book.
  20. Site URL: http://www.found-hired.com I am looking to make the summary blocks the same height I am currently using some code to make the summary look how it is at the moment however I am struggling to get the blocks all the same height. I would like if possible, for the excerpt to be cut off if it extends past a certain point so they all line up nicely. Any suggestions?
  21. Site URL: https://rumahkeduamedia.com is it possible to make the layout summary on the desktop remain as it is today, while on the mobile it changes to 1 part because the current summary when opened on mobile is very small and uncomfortable when pressing the arrow, except for the summary type list
  22. Site URL: https://www.mishayeung.com/project Hi there, I would like to customize my summary as shown in the photo below. Vertical and horizontal photos are also aligned On my website, I'm using list layout, but it's also impossible to do such a layout. If anyone can help I would appreciate it!
  23. Site URL: https://graphicstructures.squarespace.com/ I have successfully added a hover over effect on my blog masonry layout - https://graphicstructures.squarespace.com/projects (pass: preview) I now want to replicate the same effect on the homepage https://graphicstructures.squarespace.com/ (pass: preview) using the summary wall block. I am a bit stuck, can someone help? The code I am using for the blog is below: .blog-masonry .blog-item-summary { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; opacity: 0; transition: all .3s ease; height: 100%; } .blog-masonry .masonry-ready .entry.is-loaded:hover .blog-item-summary { cursor: pointer; opacity: 1; transition: all .3s ease; z-index:100; } .blog-masonry .masonry-ready .entry.is-loaded:hover img {opacity: 0.9;} .blog-masonry .blog-item-summary { display: flex; place-items: center; justify-content: center; } .blog-title {background-color: rgba(255,255,255,0); color:#000 !important;} .blog-title a:after { content:''; width: 100vw; height: 100vh; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .blog-item-summary { overflow:hidden; } .blog-item-content-wrapper { margin-left:-15px !important; margin-right:-15px !important; }
  24. Site URL: https://hooksandhighs.com I've set up a squarespace site for a customer that has a Podcast. In the first iteration I just added the audio blocks directly on the home page but for SEO and because the customer wants to support rss feeds I had to create a blog on /episodes where the customer adds new episodes as blog posts. In order to display the episodes on the home page I use a summary block but I can't find a way to display the audio player directly on the home page. How can this be achieved? Having users click on the link to navigate to the blog post detail page is not an option. I am very disappointed that even though there are multiple posts in this forum about this missing functionality, still nobody from the squarespace team has provided a solution to any of the people having this issue. Also I can't believe that squarespace pours millions in advertising but fails to deliver the most basic functionalities that the community is asking for
  25. I have added a summary block of images to my website. Upon hover/rollover, I would like each individual image to have its own animated gif that plays. I know how to add custom CSS to an entire block, but am having a hard time finding code to allow me to edit each hover image individually within the Summary Block. Thank you so much!
  • Create New...