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

Search the Community

Showing results for tags 'thumbnail'.

  • 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. If I add an excerpt to an article it gets rid of the main image for it. Therefore, I have to resort to using a thumbnail image which is small and circular. Is there a way to have the thumbnail display as a normal image?
  2. Site URL: http://theitalianheritagefoundation.org Hello, Reaching out to see if one can assist regarding thumbnail/social images not showing up and instead showcasing the logo when sharing a blog-post link. This is the site URL: The Italian Heritage Foundation (theitalianheritagefoundation.org) The page in question: Blogs β€” The Italian Heritage Foundation The link in question: β€” The Italian Heritage Foundation For reference, I have attached images below. Thanks in advance, A
  3. Site URL: https://frencholistic.squarespace.com/config/design/custom-css I have a summary for my posts on my blog. I wish that when I resize the window to be smaller, the thumbnail decrease in size and stay on the same row.
  4. Site URL: https://www.roygarzza.com I don't want the thumbnails in the index homepage to be clickable. I have a bunch of gifs in my home page that I want to use as welcome presentation without being able to click on it. There is a question in this forum that is very similar to what I am having trouble with.The difference is that I am looking to do it in the thumbnails in the index. here it is "Hi, I realize Squarespace doesn't supply the option to disable clickthroughs for a gallery block, but I'm wondering if there is a CSS ... workaround? I'm familiar with very basic coding but nothing like this. Basically, I don't want the images in the gallery homepage to be clickable/openable. Wells template. I could switch to an image block but that doesn't give me this layout." hopefully there can be a code that I can use to make it possible! Thank you πŸ™‚
  5. I have followed the instructions here: https://support.squarespace.com/hc/en-us/articles/206543297-Linking-a-blog-post-title-to-another-page to link one blog post title to another page. However, this feature DOES NOT link the blog post thumbnail to the new URL in the summary. How can I include the thumbnail in redirecting to the new link, whether through this method, URL mapping, or another way? The blog post URL I want to redirect is: https://www.earthspeak.love/collective-courses-resources/heart-fire-activation-ritual Thank you.
  6. Site URL: https://jasonyuan.design/ I am building a new portfolio website using the Cami template on 7.1 On the homepage, I will have a grid of projects that link through to project pages – there are many ways to do this with different blocks, however, I want the project thumbnail link to be a looping, autoplaying video with with no controls whatsoever. GIFs are too heavy, and when I recreate the project thumbnail using a video block, you cannot make it click through to the project, and despite using Vimeo pro for hosting, pause controls still appear on hover. (Screenshot attached) Is there anyway to do this like this example? – https://jasonyuan.design/
  7. Site URL: https://www.frmez.com/bismarck-house-aba Hi all, Trying to find out how to change the size of my gallery thumbnails. Ideally to even change it to numbers instead of images? Thanks!
  8. Site URL: https://www.matikdesign.com/forumpost scoured the whole internet searching for this problem and cannot crack it, when uploading videos directly to squarespace you can upload custom thumbnails, they look great! why cant we upload custom thumbs for external links (option is greyed out) No matter what i have tried, uploading custom thumbs directly to squarespace/ vimeo etc, in a number of different resolutions it always comes out completely unusable, its very important for me as im sure it is for others, i would really rather not have to completely rebuild on another platform is there a fix/code etc for this?? Obviously i would just use the squarespace video's ideally but with the limited uploads its not sustainable. i have set this test page up to illustrate the issue. https://www.matikdesign.com/forumpost
  9. Site URL: https://armyoflove.co/new-projects I'm looking to use the Events summary to highlight new music albums. Ideally, I'd like to be able to edit the link in which clicking the thumbnail photo takes the user. I do not believe this is possible, however I do think it's possible to disable the links on TITLE and PHOTO. I used the following code and it seems to work half the time, and half the time the photos and titles are still clickable - which leads my users to an empty page. here's the code: <style> .summary-item-list .sqs-gallery-image-container { pointer-events: none; } </style> <style> .summary-title-link { pointer-events: none; } </style> Can you assist? Thank you.
  10. Site URL: http://www.alexcrawfo.com Hi guys! I am trying to emulate a page that I like and I am having trouble with changing the layout of the thumbnails in my slideshow. I want them to stack like a mini gallery bellow and not a carousel. I'll attach screenshots of the page I want to copy. Thanks!
  11. Site URL: https://www.sandrarsobral.com/ Hello! How do I make the text 2 lines on thumbnails for portfolio pages? Also making the second line text smaller. Thank you
  12. Site URL: http://contrivium.com/new-index I am using the Avenue Template. Currently I have an index page featuring thumbnails that show the thumb title upon hovering. But I'm also looking to have the thumbnail transition to a different image when rolling over as well. I found a helpful code from a website, but the code is tailored for a blog collection page, using a section id. Is there a code that can be implemented for an index page. Here is my site: http://contrivium.com/new-index and attached is original thumbnail image along with the transition image. Here is the tutorial I found, but had trouble using: https://www.will-myers.com/articles/replace-thumbnail-image-on-hover featuring this code: /** * [PAGE NAME] * Display New Image on Hover **/ section[data-section-id="123"] { //All Item Settings .image-wrapper img { opacity: 1; transition: opacity 0.3s ease; } .image-wrapper { background-size: cover; } //Template .image-wrapper[href*="POST_URL"] { &:hover img { opacity: 0; } background-image: url("NEW_IMG_URL"); background-position: 50% 50%; } }
  13. Site URL: https://www.welshphotographer.co.uk/ Hi everyone, I wonder if anyone can help me please. I currently have a lot of images in galleries that I can display uncropped so if the image is rectangular then it displays properly. I am currently overhauling my website and I want to move away from galleries and to shops that display the image but with the option to purchase. Examples: Gallery - https://www.welshphotographer.co.uk/#/landscapecolour/ Shop - https://www.welshphotographer.co.uk/aviation-prints/ It's a slow process moving over several hundred images to the shop with tags, SEO, product names, descriptions etc which is fine and I'm prepared to do that BUT! the shop only displays a square thumbnail until the user clicks on the image. Is there any way this can be changed so it's not cropped square 1:1 please? It's the only thing that's stopping it being now as I want it!
  14. Site URL: https://www.fvbrk.com/store Hi! I've tried looking around and I can't seem to find what I'm looking for (possibly because I'm not sure what it's actually called) but I'm trying to add an image at the top corner of my product thumbnails that says "NEW" for new products. Is this a feature I am blindly skipping over or is this even possible on squarespace? A quick example would be the homepage of https://thehundreds.com/ in the "New Arrival" section (the red bomb with the word "NEW"; example image attached). Thanks in advanced!
  15. Site URL: https://shannonfinnegan.com/ Hi! I use an index page on my site to feature my projects. Each project has its own page. Recently a project has grown and now has it's own site. So I want the thumbnail on my home page to link to alt-text-as-poetry.net instead of /alt-text-as-poetry. Is there a way have the thumbnail as an external link with custom code?
  16. I'm trying to create a gallery/landing page using image blocks and GIFs. I would like to have a stack of images, and once you click an image it takes you to a lightbox with an image or GIF. Currently I have the GIFs stacked with the other images, yet the thumbnails for the GIFs are animated and it looks very busy. Is there a way to have a still thumbnail for a GIF?
  17. I'm still learning 7.1 after doing a few sites in 7.0. I've created an events collection on a new site I'm working on. The main collection summary page has an image section under the header banner (which then bleeds under the banner, as I want), and before the list of events. However going into a single event page, there doesn't seem to be any way of showing an image in the same way. Ideally I want the event's thumbnail image to show at the top of the page, and bleed under the header banner. Instead all I get is the site-wide colourless banner image. Using dynamic header styling is an option, but not ideal. There seems to be no way to add an image section to the single event page. Am I missing something? Is there a way to make show an event's image on the event page?
  18. Site URL: https://www.drewdepinto.com/client-1 The bottom right video block on this page consistently autoscales to a different size/aspect ratio than the others, even though I am using a custom thumbnail with the same standard aspect ratio. I've tried deleting and re-adding the block, and using different thumbnails. Could anyone help with code to fix the size? Thank you!
  19. I would like my portfolio collection page thumbnails that click through to the specific project page to be video vs an image. Is this possible?? Can’t seem to find ANYTHING about this! Any advice??
  20. Hey! For summary blocks, I know that the rollover image on hover is the first image of the blog post. Is there any way to set the 2nd image of the blog post as the image the shows on hover in the summary block thumbnail? I know that there is CSS code to set a new image by adding the image to the custom CSS but I have a database of 100+ posts that I want to change for all and adding a code with an image for each would just be too much for. Thanks in advance!!
  21. Site URL: https://oddthing.co.nz/ Hi there, I'm looking for some help with the number of product thumbnails displayed per row on my store. I have created a product page which has three thumbnails per row. Currently the three thumbnails reduce to two thumbnails per row when viewed on mobile. When viewing on mobile, I would like this to change to one thumbnail per row & ideally two thumbnails per row for tablet. Is this achievable with custom css? Thanks for your help in advance! πŸ™‚
  22. Site URL: https://www.tinanairpics.com/photo-gallery Hi Everyone, I'd like to increase the number of thumbnails per row to six when a gallery page is viewed on a screen of 1920 px or wider. Is there css code that can help me to do this? This is the page: https://www.tinanairpics.com/photo-gallery The site was created in Squarespace 7.0 and the template is Forte. Thank you in advance! πŸ™‚
  23. Site URL: https://thejerseyblog.com/ I uploaded a new image for my desktop thumbnail and when I got to post my website link it shows an older image I used. How do I change this?
  24. Site URL: https://www.strongtowns.org/local-motive-past-tours Trying to get rid of the dates on the event thumbnails for this one specific page (we need them on other pages, so I can't alter the Custom CSS). This is the code I'm injecting into the header, but it's not working. <style> .eventlist-datetag { display: none; } </style> Does anyone have a solution? I'll note that this page is one in an index of pages, if that makes any difference.
  25. Site URL: https://justinbarger.com Hello, In a product listing, is there a way for the product image(s) to be clickable so they open in a lightbox style view? I added code so each image is shown in the correct ratio, but we'd like them to be clickable for users to open in a larger size. Thank you. https://www.justinbarger.com/industrial-and-racecar-product-store/p/5-stainless-blackout-edition-workstation
  • Create New...