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

Search the Community

Showing results for tags 'thumbnail'.



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


Badges

Found 131 results

  1. 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.
  2. Site URL: http://www.setyourmuseonfire.com/blog Hello! I've got all my other photos the right size on my site, but the blog thumbnails are huge and I can't seem to edit them. When I hit "edit image" under settings-other- the image disappears and has to be redone. I'm using the images from Unsplash, so they are (I thought) supposed to automatically resize. I'm using DeGraw 7.1 Thanks!
  3. Hi! I just started exploring moving from WP/woocommerce to Squarespace. Feels promising so far ๐Ÿ™‚ But I have a question! We have a couple of product that has multiple color variants. Adding them was easy, but I noticed that all variant Images also show up as thumbnails at the item page. Is there a way to hide variant Images from the item gรคllery? Example below all the Images except the last one is variants and I would like them hidden. (they should only appear as full size when you choose the color combo from the drop down.) Is this possible to do? Br Johan
  4. Is it possible to hide the photos of variants unless selected in the drop down box? I have a couple thumbnails I'd like to show by default until you select a phone and color. I'd only like the variants to be shown when selected. Because I plan to have 10 plus phone options and like 4 colors for each so I don't really want all those photos to show by default.
  5. 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! ๐Ÿ™‚
  6. Hey, I am building a website for my film-making business. I have a grid of videos on the home page. Each video links to a Vimeo link. Some of these videos links are 2.40:1 aspect ratio and others are 16:9 aspect ratio. I'd like all of the thumbnails to be 16:9 aspect ratio regardless of what the aspect ratio of the film is. At the moment, the aspect ratio of the thumbnail changes according to the aspect ratio of the video in the Vimeo link. Version 7.0โ€“ Brine family (Foster Juice Co. template) Many thanks, Will
  7. Site URL: https://augustussung.com hello all, I'm using the Forte template. How do I make my gallery grid appear as a single column instead of two on mobile? Appreciate all the help. Thanks!
  8. Site URL: https://www.blankforces.com/allproducts/v2-titanium-edc-ink-pens-clip Hi Squarespace Grurs, In my store on the individual product pages, the thumbnails are not aligned with the larger image. Please see the red area that I marked in the photo. Is there some CSS to make all of the thumbnails slightly larger so that they fit perfectly and align on the right side like they do on the left side of the large image? Thanks in advance you any help!
  9. Site URL: https://www.everythingwillbefine.co.uk/work Hi there, How do I add video to project thumbnails? Looks like the only option is for jpegs. Thanks!
  10. Site URL: http://www.robertoserrini.com Is anyone finding that when you add a video to Squarespace via a URL the thumbnail it generates is super low resolution? I find myself having to take a screenshot of the video on YouTube/Vimeo, and uploading that as a custom thumbnail. Is there any way to have Squarespace create a higher res version? Thanks! Rs
  11. I would like to include some more details in addition to the product title and price, how do I do this?
  12. Site URL: https://runatitshouting.co.uk/new-events-page Please can anyone help me remove the thumbnail of the date. ("JUN 28 thumbnail" on the left hand side of my screenshot) I have another events page on my website where I would like to keep the thumbnail. Meaning I can't do it in CSS in the advanced settings. It has to be a cod injection for the specific page itself. Can anyone help me?
  13. Hi there! I wondering is it's possible to have a GIF appear when someone hover over an image link to a page? I have gifs right now as thumbnails but it feels like a bit much as I add more projects. So I'd like it to be a still image until you hover over to click on a project. https://www.lilianapenagos.com/ for reference. Thank you all!
  14. Site URL: https://www.leperchoirfrance.com/availability I am looking for some help to get some custom code so that the calendar format attached, when in mobile state portrait still displays the thumbnails. I understand that in portrait mode under 600 pixels the thumbnails won't render so looking to try and get this coded so even when it is in portrait on mobile, it displays the thumbnails.
  15. Hi there, I could really do with some help, here's what I need to do: Is there a way to have more than 20 posts displayed on a blog on 7.1? I need infinite scrolling I also need for the thumbnails not to click through to the individual blog posts, but I still need a link on the excerpt text to link to an external website for each thumbnail Remove the Older Posts > pagination copy/link To add a border to the thumbnails. I have this working on my News blog but it doesn't work on this blog, which is basically a panel of logos that can be filtered by category. So far for the click through problem, I have been told to use this code in a code block: <style> article a { pointer-events: none; } </style> Which works but it also disables the excerpt link and the Older Posts > link... And I've been told to use this code for adding the border, which works fine on one blog but not on the other... section.blog-image-wrapper a { border: 1px solid black; display: block; } I'd really appreciate some help with this and I'm willing to pay ๐Ÿ™‚ Lauren
  16. I'm seeing low resolution store product images when viewed only on mobile (chrome browser), the browser resolution is 412px by 733 px The product images were uploaded at the resolution of 2500px across and displays very crisp and fine on desktop and tablet. I'm not experience this issue with any image blocks other than with the store product images. Does anyone know what is going on?
  17. Site URL: http://www.rosie-brock.com/ Hey does anyone know how to replicate this "Prev/Next" and "Show Thumbnails" for a page that has a slideshow gallery block? Is this an older version of Squarespace? I believe this is done in WELLS template. I've tried adding text to Header Content, wrote out "Show Thumbnails", and linked it to a private page that contains a gallery grid. I brought the text to the bottom left corner of the website using a spacer. Issue is that this text is fixed, so clicking "Show Thumbnails" will always bring the user to the exact same gallery grid. Here's two other websites that have this same feature: https://www.kovikonowiecki.com/ and https://www.tarekmawadphoto.com/ I appreciate any help I can get. Thank you!
  18. Site URL: http://www.wearehkers.com Hello, (This issue is on my template preview site that's not live yet, so I'm not sure what hyperlink I should be sharing, let me know how to share this particular page in the particular template preview) I'm trying to make the thumbnails of the summary blocks take up 50% of the screen space on mobile screen. I've set it to 50% on site styles so it is 50% on desktop and tablet, but on mobile, some reason it's been overridden to 35% (see bottom right in the "inspect element" section... I've even tried to code it in to the css but it's not changing. I've included the code I used below. I'm not sure why it's being overriden because the style attribute in the styles window says 50% but has it crossed out... I've tried coding the summary block text to 50% too but the same happens, it's overridden to 65% even when I've coded it to 50%... Please can someone help, maybe my code is wrong... Code I used: @media screen and (max-width:700px) { .summary-thumbnail .img-wrapper { overflow: visible !Important; } .sqs-block-summary-v2 .summary-thumbail-outer-container { width: 50% !Important; height: auto !Important; } .sqs-gallery-meta-container { width: 50% !Important; } }
  19. Site URL: https://mandolin-elephant-k8st.squarespace.com/ Hi! Can anyone direct me in disabling the blog post thumbnail URL? I do not want to utilize the blog hyperlinks at all. Please advise. Thank you!
  20. Hi guys I'm trying to create a hover effect whereby the image fades out and the title appears. When I hover over the title I completely lose the opacity effect! I've cobbled together some code from lots of different places on this forum so it's probably super obvious where I'm going wrong. The page url is https://damien-creagh.squarespace.com/drama-gallery Would really appreciate some guidance. Thanks! Here's the code I'm using: img.summary-thumbnail-image { opacity: 1; transition: opacity .7s; } img.summary-thumbnail-image.loaded:hover { opacity: 0.3; } .sqs-block-summary-v2 .summary-item .summary-title { transform: translateY(-10%); opacity: 0; transition: transform .6s ease-out, opacity .5s; hyphens: auto; text-align: center; position: absolute; left: 20%; top: 50%; width:70%; margin-left: auto; margin-right: auto; } .sqs-block-summary-v2 .summary-item:hover .summary-title { transform: translateY(0); opacity: 1; text-align: center; position: absolute`enter code here`; left: 20%; top: 50%; margin-left: auto; margin-right: auto; width: 70%; hyphens:none; } .sqs-block-summary-v2 .summary-item .summary-title a { font-size: 1em; z-index:20000 !important; font-size: 140%; color: #2a2a2a; display: block; }
  21. Site URL: http://www.itstheverse.com Hello, I was also wondering if there was CSS to inject to make the header image show up as a image next to the post on the left in the main blog feed?
  22. Site URL: https://jackshugruedesign.com/work Hi, I was wondering if anyone had a solution for this issue I am having in regards to my Work page using the SUHAMA template. My Work page is a "Hover: Follow Cursor" layout, and so when you hover your cursor over a particular project, a thumbnail of the project appears. I am trying to achieve a more dynamic look with these thumbnails, having them be different shapes and sizes, yet each thumbnail as of now has a light grey box background that I would like to get rid of and replace with a transparent background. I created my thumbnails using Adobe Illustrator, and exported each file with a transparent background as a PNG. Yet, when uploaded to Squarespace this transparency is replaced by the light grey box- which I think is the art-board or composition background that the work was created on, even though it was exported with a transparent background, as the sizes look to be the same. To be more precise, I was wondering if there was anyway to have the thumbnail image have a transparent background when you hover your cursor over the project name. Thanks!
  23. Hi, I'm using Squarespace 7.1 and I'd like to add a second line of descriptive text to the thumbnail tiles of the projects in my portfolio. In the example, I have a video titled "Using a Color Chart", and underneath I'd like it to read "Tutorial". I attended to add "<br>" to my copy (which had worked once upon a time in Squarespace 7.0. Unfortunately no luck in 7.1. Any ideas?
  24. I made a small edit to the existing thumbnail and re-uploaded, and it fails like this. The small preview works, but the image doesn't show when saving. I made sure it is the exact same size in pixels as the old one. Anyone know what to do? Does it have to be a super specific size or something? It should not really matter, since I used the same size, but I have got it to work by trial and error and trying many different sizes, but can't seem to find a pattern.
  25. Site URL: https://www.dakota-studios.com/shop/fresh-flower-bouquet Product thumbnails on both mobile and desktop sites suddenly appeared a weird border. How do I remove this? It wasnโ€™t there before.
ร—
ร—
  • Create New...