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

Search the Community

Showing results for tags 'grid-summary'.

  • 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
  • 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

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


Badges


Expert ID

  1. Site URL: http://www.nuestramesabk.com/menu Hello, I am trying to add an "Add to Cart" button to the products I'm displaying on a summary block. I found the following code below from a similar issue and it creates the button for each item with the correct appearance. When clicked, it just redirects to the page for the product. Website is nuestramesabk.com/menu <style> .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item, .sqs-block-summary-v2 .summary-item.positioned { padding-bottom: 50px !important; } .summary-content { position:relative; }
  2. Site URL: https://jadeanthony.com/the-regulars/#index Currently, under the "2021 READING CAST" tab on my website, I'm using a Grid Summary Block to display headshots of Cast Members in the musical I'm producing. But I'd love to now add links to the photos, forwarding them to websites or biographies related to these performers. When I add Clickthrough URLs in the entries of the Gallery page where the Summary lock originates from, it doesn't translate to the page where the Block is displayed. Can anyone help?
  3. Site URL: http://daisyedwardsaudio.com All of my site is stacking as expected on tablet view & smaller browser windows, except one section on my home page where the image and text stay side by side. This means the image remains small and square on the left hand side with a lot of blank space below it, while the longer text is extended down the right hand side column alongside the blank space. It was stacking fine until I made some other unrelated text edits to the same page, is there a solution I can use to force stack these items when on iPad/reduced width screens? Thanks!
  4. Site URL: https://jadeanthony.com/the-regulars/#index Howdy folks! I really need some help targeting a specific Grid Summary Block that I want to add a 2px border to. Right now, I'm using the following code: <style> .summary-thumbnail{ border: 2px solid #A43D5F; border-radius: 50%; </style> But I really only want to add the border, now seen on all round images on the page, specifically to the grid block under the "2021 READING CAST" tab. Can anyone help? The page link is: https://jadeanthony.com/the-regulars/#index
  5. Site URL: https://jackeames.com/instagram Bit of a strange one... I'm implementing Lazy Summaries on a client's website and it's working beautifully... apart from one weird thing. The gallery consists of around 80 images and one image in particular isn't appearing in the gallery despite being uploaded in the same way that all the other images were. I've tried deleting the image and re-uploading it a couple of times, but no luck! Has anyone come across this before? It's image number 34 out of the entire gallery, so not even the most recent/oldest image. Wonder if this is some
  6. Site URL: https://selfieconsulting.squarespace.com Hello, I am using the following code that I copied from Ghost Plugins website to style a summary block. I'm not sure if this is a code issue or if I just need to add additional code, but as the screen gets smaller; say tablet mode, I would prefer the summary block to maintain the 3 to a row layout that I have. Instead, it is converting to 2 on a row and then 1 on the following row. Any help would be greatly appreciated. I'd also like for all sections to be the same height regardless of content. // DB Summary Block Des
  7. Site URL: https://cowanandsons.squarespace.com Hi everyone! Is it possible to display the limited availability product labels above the title and tags on a summary block? Or, even better, can we make them into labels that overlay the image (just like Sold Out stickers)? Thanks in advance for any input! Password: raeburn
  8. Site URL: https://www.christinehooper.com/home Hello! I've created separate portfolios for different areas of my work. I want to amalgamate all of these to one block of links on the home page but summary blocks only allow for me to link to my shop products. Can anyone help? Thank you
  9. 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: :
  10. Hi all. I'm trying to get my gallery grid block to show two columns on mobile instead of stacking. I've used the CSS below to accomplish it but the grid is not aligning correctly on mobile wit the third item being bumped and white space in its place- screenshot attached (On tablet and desktop view it's also two columns wide but doesn't have the same issue). The page is here: https://ugly.wtf/new-page-1 I'm able to correct the problem using white-space: nowrap; but then my text obviously doesn't wrap as needed. Any help would be much appreciated. I'm very inexperienced with CSS.
  11. Hey guys, does anyone know how to create an interactive summary block? I want to connect it to other pages just not the blog! But i think the theme is optimized to connect to the blog only. I'm trying to achieve something like this (see attached pic), but would prefer connecting it to other pages. Thanks in advance
  12. Site URL: https://www.alliancepackaging.ie/all-products Hi. I set up this site and launched it back in summer. It's an e-commerce site selling packaging. The issue I'm having is that, on mobile, the product images in the summary blocks on my shop page don't always load. In fact most of them never load. It's not always the same images. Has anyone encountered this issue and if so could you suggest a fix? I have some custom coding in place.
  13. Site URL: http://www.bbarinaga.com Hello, I am on 7.0 and am attempting to simply make one individual summary list (grid) switch to 2 columns on mobile. I have used the following code and it works, 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;
  14. Site URL: https://lakerenfaire.com/virtual-faire-invite Good Evening Squarespacers! I am working on a gradient overlay for a grid summary block and have successful positioned the Title and Excerpt over the images in the summary block. I cannot seem to get them to display on hover, however, and the website only displays the gradient and transition, but not the text. I feel like this is close but I am missing something. Here is my code: <!-- Rollover Image Effect --> <style> .summary-item img{position: relative; transition: all .5s ease!important;} .sum
  15. Site URL: https://www.pixelsandpaths.com/ On my Android mobile device, only the first thumbnail appears of the summary block grid of blog posts in the "RECENTLY ADDED TUTORIALS" section (see attached). Any ideas?site URL: https://www.pixelsandpaths.compass: july12021 Thanks very much!
  16. Site URL: https://www.pixelsandpaths.com/ Hello, I've customized the CSS to show a summary > grid blog post block as 2 columns for mobile, but there's a window size range where 3 posts are displayed with the 4th by itself below. For some reason, changing the media query pixel value only messes up the situation further. I've linked the work-in-progress site at the top of this post. Can anyone figure out how to make it display either 4 across or 2x2 stacked without the 3 on the top, 1 on the bottom in between? Here's the CSS I'm currently using. @media only screen and (max-wid
  17. Hi everyone! I helped work on a website with an e-commerce page. I created an index page with a grid summary to the shop, newsletter, and footer so we could keep the design uniform across the site. When you click on a product, there is a breadcrumb above which takes you back to the shop page rather than the index. Is there a way to change this? The reason being, we want to keep the style uniform with the same footer information across the site. I hope I explained myself well.
  18. I've tried every solution I could find here on the Circle forum, but none are working! page: https://theveil.squarespace.com/nfk (scroll down to "Upcoming Events" section) template: Royce I've got a Summary Block displaying Events, filtered by Category. When nothing matches the filter criteria, there is just a big black space on the page. I'd prefer it to automatically display text when the summary block is empty, like "There are no upcoming events at this location." Note: The Upcoming Events section on the page is actually a page (/nfk-events) nestled within an Inde
  19. Site URL: https://afterthewhistle.co.nz/ Hi. I have some Grid Summary Blocks I'm using on this site and they are set at displaying 2 and 3 items respectively. I don't need the scroll arrows there, how do I just delete them? Cheers Jamie
  20. Site URL: https://www.jupiter10.com I have a Summary block (grid) on a page and I want to disable the lightbox. I found on a forum the code below to disable the click on the thumbnail of summary blocks. .summary-thumbnail-container { pointer-events: none !important; } However, I have other summary blocks on the same page that should be clickable, so how can I disable the clicks on a specific block #block-yui_3_17_2_1_1584715631892_17063 Thanks a lot in advance
  21. As the title asks, I'm trying to avoid having to manually input the name of hundreds of images on my site. I have used this code in the past and it works just fine with Gallery Blocks: <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh" crossorigin="anonymous"></script> <script> window.Squarespace.onInitialize(Y, function(){ $('.slide img').each(function(i) { $('.image-slide-title').eq(i).html('' + $(this).attr('alt').replace('.jpg', '') + ''); }); }
  22. Site URL: https://www.vox.ie Hi there. I have used code (kindly supplied on this forum) to change the styling of the titles to blog posts featured in a summary block. It all looks the way I want it, except that I can't reduce the line height any further. I need the two lines to be much tighter - smaller leading. Here is the code I'm using: /* Title */ .summary-title-link { font: 'Proxima-Nova'; font-weight: 800; font-size: 24px; line-height: 20px; } .summary-excerpt p { font-size: 16px !important; } Reducing the line-height below 30px has no imp
  23. Site URL: https://shark-hyperboloid-r297.squarespace.com/ I am creating a blog where each post will be an embedded youtube video. I really like the way the Portfolio style page handles hover/rollover animations in the grid view: https://shark-hyperboloid-r297.squarespace.com/songs There is a smooth darkening of the image (both when starting and ending the hover) and the title only appears on hover. I want to apply the same thing to the blog grid. I am using the blog because I don't want to be limited to 40 posts (I understand that is the limit for the portfolio pages) and I wa
  24. I may be missing an easy fix, but I am looking to center a summary grid block so that when it adapts to larger screens, it doesn't leave awkward spacing on the right side. Any suggestions on code I can put in to simply center-align the block?
  25. Site URL: http://olive-deer-rj96.squarespace.com Hey All, I am trying to disable the auto-crop on the Summary Grid block so that the thumbnails will fit to a square, but not get cropped. There is an option to turn off auto-crop on the product page in the Site-Wide design styles, but for a specific reason, I need to be able to use the Summary Grid to show my products on the front page. Any ideas how to do this with custom CSS? Using the Wells template. URL: olive-deer-rj96.squarespace.com Thanks! Joseph
×
×
  • Create New...