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

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

  1. 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?
  2. 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>
  3. 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)
  4. 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
  5. 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?
  6. 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
  7. 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
  8. 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
×
×
  • Create New...