Jump to content

Search the Community

Showing results for tags 'thumbnail'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • 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. Hello, We are using the slideshow feature to show images on our site page. We have "Show Next and Previous Controls" and "Show Thumbnails" enabled. However, my client would like the "Show Thumbnails" feature to be enabled WITHOUT giving people the ability to click on the thumbnails to move from image to image (basically the thumbnails cannot be clicked on). Is this possible with code? Thank you for your help! Site password is: intheNYT Page Url: https://burgundy-jaguar-fltk.squarespace.com/artleisure-2010
  2. 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.
  3. Hi, I am wondering if there is a way to adjust the video gallery to show the full thumbnail. Currently the gallery crops the custom thumbnail images, which were created at 16:9. I attached a screenshot to illustrate what I mean. Thanks!
  4. Hi everyone Hopefully this is a simple thing to fix. I'm trying to make the thumbnails on my events page smaller. Right now, they are at 1:1 (which works for the image dimensions), but they're way too big and also causing the images to blow out. Anyone know how to resize these, like we can in a gallery? Thanks SITE: https://www.saraleonlaw.com/news-events
  5. Site URL: https://funding.johnmillea.com/updates There is no style option to allow me to chose where the thumbnail appears next to blog entries on the blog page. I want the thumbnail to be to the left instead of on the top. I'm a CSS novice, and I can't seem to figure out how to do it. I've tried: .BlogList-item-image { float: left; } but nothing happens. I think the class (.BlogList-item-image) is correct, because I can manipulate the image in other ways, but the float command doesn't do anything. Can you help me out? The site password is: mendedstudio
  6. Hi, I recently created my website. I'm using VIMEO to embed my videos. The thumbnails look great in VIMEO, but horrible and blurry on my Squarespace site! Any help ? Thx
  7. Captions in my Slideshow Gallery are getting cut/cropped off (Mobile_no code.png). I've tried allowing the overflow to be visible with the code below, but that extends the text below other elements under the gallery (Mobile_with code.png). Code I used for caption: .gallery-caption .gallery-caption-wrapper { overflow: visible; } How can I make the caption fully visible on all screen sizes, and allow the content below the gallery/caption to flow properly after it instead of overlap? I also don't like that the thumbnail list under the gallery disappears on mobile. Is there a way to keep that from disappearing? The site is https://deyvaarthurtest.squarespace.com/photographyprojects/worchester-asylum pass is Deyva1234
  8. 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??
  9. 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/
  10. Hi there, I have thumbnails running underneath my products on mobile which works great providing there isn't anymore than 6. When you add more than this amount, the thumbnails run off the screen. Is it possible to add a bit of code to have the thumbnails run across 2 rows with 5 on top and 5 below? This is a product with 10 thumbnails and it doesn't work on mobile. It's perfect on desktop. https://daisy-chiton-7gh8.squarespace.com/shop/p/cork-postcards-series-1-thrpf-23tfs This is a product with 5 thumbnails and it's perfect. https://daisy-chiton-7gh8.squarespace.com/shop/p/cork-postcards-series-1 Thanks as always!
  11. Hey! I'm using the OM template and trying to create a black and white to colour rollover on the work section of my site (https://www.sinomatic.co.uk/work) I've tried and can get the rollover to work, however it does the rollover effect on all the content within that page whereas I only want it to work on the thumbnails. I would be super grateful for any help 😊 Thank you!
  12. Hi: I am rebuilding a site on SS 7.1 that is currently on SS 7.0. In the 7.0 site the product thumbnail: 1) Has a black outline 2) Has a drop shadow effect 3) The product title shows on hover (with the image slightly opaque) You can see how it looks on 7.0 here: https://frameyourfeline.com/aquatic-life Here is what I have been able to do so far with the product title showing on hover on the 7.1 site here: https://frame-your-feline.squarespace.com/ Password: FYF I need help with code to achieve #1, #2, & #3 above. Here is the code I have used so far trying to solve #3 - but with no luck: .products.collection-content-wrapper .grid-image-hover { opacity: .0 !important; } /* product title price on hover */ section.grid-meta-wrapper { position: absolute; top: 50%; left: 50%; margin: 0 !important; width: 100%; transform: translate(-50%,-50%); opacity: 0; transition: all 0.3s; pointer-events: none; } .grid-item:hover section { opacity: 1; transition: all 0.3s; } Help with the above is super appreciated! πŸ™‚
  13. Hi everyone, I need help with my shop. Squarespace only lets me pick vertical or horizontal layouts for images and it's messing up store, and it's basically cutting off my wider images. I need for the thumbnails and store displays to automatically adjust to the width of each image. I've tried resizing the wider photos and taking vertical photos of them but am still running into the same issue. Does anyone know how to fix this with CSS in 7.1? Thank you! Natalie
  14. 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.
  15. Site URL: https://littleemberslearning.co/overview The slideshow gallery block at the top of this page, littleemberslearning.co/overview, doesn't show thumbnails on mobile. Is there a way to force the thumbnails to show using CSS?
  16. 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?
  17. Hi, I'm on 7.0 with the Five template and would like to find a way to enlarge the thumbnails that sit underneath my main product photo on each product page. They're currently quite tiny. I was able to find another thread regarding this, but the solution didn't work on my site, unfortunately. I'd appreciate any suggestions/CSS - thanks! https://hettieroberts.com/holiday-shop/mn-ornaments
  18. Hey gang! I have a custom image that in place of the title for my navigation folder and hovering over it causes it to rotate while revealing the dropdown navigation menu, however while hovering over the menu, the icon returns to it's original position. I'd like it to stay in it's rotated position as long as the navigation dropdown is being hovered over. Is this possible? Any suggestions are welcome! Thank you!!
  19. I added a gallery section in my 7.1 website and I set it to "simple slideshow" with thumbnail feature. Now I want to make the thumbnail to overlap the slider image. I have included my present gallery section and the result I want to achieve in the images below. Kindly check them out. I'll be glad if you can provide a solution.
  20. Hi there, I am trying to achieve Thumbnails in Mobile. I have managed to place CSS code to force thumbnails on, however the main image also appears as a thumbnail size. I would like main image to fill frame as per image below it. I would also like to keep the thumbnails anchored to center as opposed to shifting each time one is clicked. The page I am working on is https://www.matthewjensen.com.au/work/circuit-emm6e Current CSS code is: gallery-reel-item img {left: 0px !important;} .gallery-reel-item img { transform: scale(0.77 ); } /* Reel right arrow */ button.gallery-reel-control-btn[aria-label="Next Slide"]>div { background-image: url(https://www.flaticon.com/svg/static/icons/svg/709/709586.svg) !important; background-size: contain; background-repeat: no-repeat; background-position: center center; } button.gallery-reel-control-btn[aria-label="Next Slide"]:before { background: none !important; } button.gallery-reel-control-btn[aria-label="Next Slide"]>div>* { visibility: #8888888; } button.gallery-reel-control-btn[aria-label="Previous Slide"]>div { background-image: url(https://www.flaticon.com/svg/static/icons/svg/709/709586.svg) !important; background-size: contain; background-repeat: no-repeat; background-position: center center; transform: rotate } button.gallery-reel-control-btn[aria-label="Previous Slide"]:before { background: none !important; } button.gallery-reel-control-btn[aria-label="Previous Slide"]>div>* { visibility: #; } button.gallery-reel-control-btn { background: none; } @media screen and (max-width:767px) { .portfolio-text { opacity: 1.25 !important; } } /* text color on mobile */ @media screen and (max-width:767px) { .portfolio-text h3 { color: white !important; } } @media screen and (max-width:767px) { } .gallery-fullscreen-slideshow { height: 40vh !important; } /* Mobile slideshow padding */ @media screen and (max-width:767px) { .gallery-slideshow { height: 35vh !important; } } @media screen and (max-width:767px) { [data-section-id="6139fee9f3582504885a6f71"] .gallery-slideshow-thumbnails { display: block !important; } } .gallery-slideshow-thumbnails-thumb { width: 50px; height: 50px; }
  21. Site URL: https://www.joebrody.com/ I'm looking to remove/turn off the titles when hovering over thumbnails on my homepage. This would have to be a custom code. Would anyone happen to know if this is possible to do? Thank you!
  22. Hi, I have previously linked certain Vimeo videos to image "blocks" in various pages on SQSP site. Video thumbnails were "selected from video" on Vimeo. The thumbnails looked fine in the video blocks on SQSP. Now trying to link these same videos to a video page (not just a block) on same SQSP site. (Page is in draft form, so not yet published and visible on site.) All prior thumbnails look blurry. To try to resolve, created new thumbnails for videos as follows: 1. Took screenshot from video and saved as .png file. 2. Uploaded this file in Vimeo as new thumbnail and saved. Then copied Vimeo link to revised video. 3. Completely deleted earlier version of same video from SQSP video page, hit save and also refreshed page. 4. Selected "Add Video" to the SQSP video page, copied the Vimeo link to video w/ new thumbnail and hit save. The revised video and new thumbnail are now visible to me on the draft page, but the thumbnail is still blurry. I need to have clear and crisp thumbnails wherever videos appear on the SQSP site. Is this a problem with SQSP video pages (vs blocks)? How can I resolve this issue? Thank you. kcln52
  23. Hi there. Trying to have fixed height images in my thumbnail grid so that the layout looks cleaner. Do not want to crop the images so they are all square or the same ratio. Want to show the different ratios, but make them all the same height so the grid is clean. This is current fixed-width layout that Avenue template offers. Need all images to be same height. Thank you!
  24. Site URL: https://daisy-tarpon-72er.squarespace.com/portfolio/new-build I would like the thumbnails on the portfolio sub-page slideshow:simple to remain static. It currently moves the selected thumbnail image to the centre which is quite annoying...Is this stop-able? Try the page link above for an example of what is happening... PW Help123 Thanks
  25. Site URL: https://imicrobes.com/press I'm looking to figure out how to disable the links on the thumbnails. When its clicked it goes to the blog post within the squarespace website. Ideally I would like it to go to the link that is the same as the source url however that seems more difficult.
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.