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

Found 18 results

  1. 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!
  2. 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 impact. If one increases it, it does get larger though. Any help is appreciated! Jonny
  3. 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
  4. 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)
  5. 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 want to use categories to group similar posts together. https://shark-hyperboloid-r297.squarespace.com/ So far I've been able to add the "darkening" effect via CSS, but it's not as smooth. And I haven't figured out how to hide the blog title underneath and only show it on hover. Would really appreciate any help!
  6. 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?
  7. 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
  8. 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
  9. 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
  10. 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; } } }
  11. 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
  12. 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.
  13. 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
  14. 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?
  15. 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>
  16. 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
  17. 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
  18. 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...