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'.



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 13 results

  1. 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
  2. Site URL: https://chicory-krill-h754.squarespace.com/config/ Hi, Is it possible to have different blog grid arrangements for the same site? I am using two blogs, both in blog grid style, but on one (services) I want the image thumbnail image to be widescreen with excerpt and in the other (projects) I want it to be standard vertical with no excerpt. I've attached images of the two different styles. When I change the option in one Blog it automatically changes the other. My site is https://chicory-krill-h754.squarespace.com/config/ Password: Bestpasswordever Thanks. It would be great to know if this possible. Jennifer
  3. Site URL: http://officialvillas.com/socialwall Hi There, I'm using a summary block to create a photo grid - but would like no space between images. Currently can't seem to get rid of the padding between rows?? I am using some custom css that i found online to create rollover txt effect. Could that be causing this problem? I'm pretty new to all this, so i'd really appreciate some help. One thing i've also noticed...while my click-thru image links work, there seems to be a problem when hovering directly over the rollover txt. Any solutions would be appreciated too. Thanks @media screen and (min-width:800px){ .summary-item { img { transition: all .5s ease!important; } .summary-content { position: absolute; color: #fff; top: 50%; left: 50%; opacity: 0; transition: all .5s ease; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } } .summary-item:hover { img { -webkit-filter: brightness(50%); filter: brightness(50%); } .summary-content { opacity: 1; } .summary-thumbnail-container, .summary-excerpt { margin-bottom: 0 !important; } } }
  4. 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?
  5. Site URL: https://www.zane-page.com/ this is how my current site displays and you can only navigate left right with the arrows. i want visitors to be able to click on a grid thumbnail to see overview of all images. this was the feature on my old template. i need to be able to have this on Ishimoto template. Please help
  6. I am updating my Squarespace portfolio. I would really like to understand how this site is structured. https://jasper-demo.squarespace.com/ When we are looking at the homepage "work" section. I love the functionality and would like to apply something similar to my site https://danikaseadesign.com/retail-branding I've moved from a "grid" to a "summary" but am still not happy. I would really like it to function exactly like the Jasper one but not sure what changes I need to make. Hoping that you can help me. Thanks so much.
  7. I'd like to display 3 columns of images on my page on desktop using a summary block grid, and am happy for mobile to display one column. However, I'm foxed by how it's displaying in different windows. If i set up a 3x2 summary grid for narrower browser windows, then on wider ones it comes up as 5 across + 1 image on the next row, and a 3/1 grid only covers 3/5 of the row, which both look awful. If I set up for wider screens by adjusting the image minimum width, on a narrower screen the 3x2 reformats to 2x3 (which is fine) but a 3x1 grid shows as 2 + 1 which again looks daft. Is there a way to make the summary block grid more responsive? Thanks in advance
  8. I'm trying to style a Summary Grid block to look like a Gallery Page in Maple. This is what the Gallery Page looks like: This is what the Summary Grid looks like without any CSS: And this is what I have right now: Nowhere close to what I need it to be. This is the current CSS I've added: .summary-title-link { position: relative; top: -200px; left: 0%; height: 100%; margin: 0px 0px 0px 0px; padding-top: 21px; padding-right: 21px; padding-left: 21px; z-index: 1; color: hsl(0, 1%, 22%); text-transform: uppercase; font-weight: 500; font-size: 16px; letter-spacing: .28em; line-height: 2em; font-family: futura-pt; background: rgba(255, 255, 255, 0.8); } .sqs-block-summary-v2 .summary-excerpt { position: relative; top: -210px; left: 0%; width: 100%; height: 100%; z-index: 1; color: hsl(0, 1%, 22%); text-transform: lowercase; font-weight: 400; font-size: 16px; background: rgba(255, 255, 255, 0.8); } Here's the URL: https://thescoutgroup.com.au/properties-in-development Any idea how to get Screenshot B to look like Screenshot A?
  9. 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. Thanks in advance, <style> @media only screen and (max-width: 640px) {.sqs-block-summary-v2 .summary-item { clear: none !important; width: calc(100%/2)!important; padding: 2px !important; } } </style>
  10. 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 Index Collection (/nfk), in case it matters. Anyone have ideas / updates to the old solutions for this? (https://forum.squarespace.com/search/?&q=empty summary block&search_and_or=and&sortby=relevancy)
  11. Hi, I'm using the Jasper template and am having an issue with the index page grid. I have set a max page width for the site but the index page grid doesn't seem to be abiding by this rule as you can see in the attached screenshot. Everything else on the site is, including the logo and links above the grid in the screenshot Any ideas on how I can fix this? Thanks, O
  12. Hi I have CSS on my Brine site to increase the border width as I like chunky borders. However the borders are too big for mobile. Is there a way to reduce them for mobile only? The code I'm using is : #grid { margin-right:50px; } #grid .item { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-top:50px solid #fff; border-left:51px solid #fff; } mylesformby.com
  13. In approach section . 1-2-3-4-5 icon need to Non - clickable. we add grid summery block.And I see that the icons are clickable... but the click shows the icon itself in a seperate page... it doesn't make sense here.... can we make the icons non-clickable? @tuanphan @Paul2009 @silvabokis site url.https://indigo-goose-55r5.squarespace.compassword:- aresa1
×
×
  • Create New...