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

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

  1. Is there a way to do this with CSS code without affecting the PREV/NEXT CTAs?Thanks in advance.
  2. Hi, When I add a video from my vimeo account, the thumbnail shown in squarespace appears blurry or pixelated. I'm not sure why this happens as the thumb is very crisp in vimeo. I tried uploading an image as a thumb in vimeo as opposed to just using a thumb from the video, before uploading to squarespace, but both versions still appear blurry. Any ideas? Thanks! Viljam
  3. Hey all. I'm using Ishimoto, if that makes a difference: I'm attempting to place a Gallery Block - Grid Style - in a blank page, and the thumbnails refuse to stay on the same line. No matter how many per line I choose, and no matter what padding I choose (or what crop on the images). They always break. For example, if I choose four per line, I get this: x x x x x x x x And if I choose five per line, I get this: x x x x x x x x x x etc. I am not using any custom CSS on this site. I've ticked every box on and off and I know of (Lightbox, no Lightbox, etc.). I've adjusted the padding on the entire site, the width of the site, etc. Nothing can trick these images to stay on one line. Any ideas? So grateful for any help.
  4. I'm using the Rally template and I want the thumbnail image for each blog post to appear at the top of each individual blog post. What CSS code can I add to my advance settings to display the image either above or below my blog title? I've seen one where you can add it to the header but I don't want it in my header. Thank you!
  5. Hey, I use the Greenwich template and on my products page I don't have the option to remove the thumbnails under the main image, I can only change the size, alignment, and spacing. Can someone please help me with the CSS code to remove these thumbnails? Thanks
  6. I've set up a writing portfolio using a blog template, but I want almost all of the posts to click out to my work housed on the source URLs. When I click the titles of the posts, it's fine and opens in a new tab. But when I click on the images, they bring me into a Square Space blog page that's basically blank, or it might bring me straight to the source but not in a new tab. I just want to be able to control where the thumbnails as well as the titles bring you when clicked. If the thumbnails can't click out externally, does anyone know of a way to disable them in the Moksha template? I've seen people ask about doing this in Tudor but the solution didn't work for me. Any help is greatly appreciated — my site is www.annemariecrosthwaite.com. Thank you!
  7. Hi folks! The height of the thumbnail navigation is inconsistent on my gallery pages. It's set for 75px but some are cut off, others are squished. See below. It doesn't seem to have anything to do with the focal points of each image as many that are centered are cut off, if they're landscape or portrait, and the image sizes are relatively consistent throughout. I assumed that they would automatically be fit to the thumb container, but this doesn't seem to be the case. Any help is greatly appreciated. Allison URL: larrysosnowphotography.com/subwayTemplate: Miller (Brine)
  8. In my blog post excerpts, all the thumbnails are squares: I'd like to tweak them in the following ways: Change these into circles Give them drop shadows So the css is something like this: img { border-radius: 50%; width: 150px; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); } I just don't know the proper selector to give so that it will only affect the blog thumbnails and not all images. Also, if possible... is there any way to make them smaller and scale better with page resizes? They're kind of clunky at the moment, e.g. sometimes thumbnails are way too big for the text at a certain zoom!
  9. Hi, I am using the OM template with an events page where I create events with a thumbnail image for each of them. Just found some of them in the search engine results. I am looking for a way to prevent the thumbnail images for each event on my site from showing up in search engine results. Any ideas or tips on how I can prevent that? Thank you in advance.
  10. Hi there, Firstly, I just want to point out that I've asked Squarespace Support this question, but they cannot advise on custom code injection. I've put the chat transcript below in case that helps other people with this same question. I've also searched this forum, but couldn't find an answer :( My problem: I'm using the Rally template (Brine family), and I'm keen to have my selected thumbnail image for each Blog Post to appear at the top of each individual blog post. Does anyone have a code snippet I can inject under the Blog Settings > Advanced > Post Blog Item Code Injection section? (Or is there another area I can do this?) I've tried this snippet that I found in this forum, but to no avail: <style> .view-list .excerpt-thumb { display:block !important; } </style> Thank you in advance! PS. Here's the chat transcript in case it helps others (11:34:59) Tyne Z.: Okay, so according to the style tweak options for your Blog Page within this template, (which you can view here https://support.squarespace.com/hc/en-us/articles/227054767#toc-style-blog-posts), it appears that automatically placing the thumbnail image in the top of the blog's page isn't a feature included in this template.(11:35:16) Tyne Z.: We therefore have a couple of options--(11:36:21) Tyne Z.: First, you could go back through and upload the thumbnail image as an image block at the top of each blog post in the blog's content(11:38:07) Heidfi: Option 1 sounds painful :((11:38:20) Tyne Z.: Or second, you could consider switching to a template where the blog's thumbnail is automatically in the top of each blog post. Skye is an example of this type of template: https://skye-demo.squarespace.com/(11:38:48) Heidfi: Thanks Tyne... bummer(11:39:01) Heidfi: Option 2 is not ideal, either (we just switched from Skye hehe)(11:39:14) Heidfi: So, inputting a code snippet won't work ?(11:41:12) Tyne Z.: I see! Unfortunately, in that case, there's nothing we can do on the built-in end other than manually inputting the images. Although there isn't a built-in way to place the thumbnail at the top of each blog page, you absolutely may be able to accomplish this using custom code. I would like to note that we don’t offer support or troubleshooting for custom code. While I can't offer more help on this topic, there are many resources available that can point you in the right direction. Personally, I would suggest our Answers forum, which is a place for Squarespace customers to collaborate on code modifications as well as ask questions about coding that we, in Customer Care, may not be able to assist with. Here is a link to take you there: 
 http://answers.squarespace.com/ If you can't find an existing post that answers your question exactly, I'd recommend creating an account and posting your question. Here is a guide that covers adding custom code, should you choose to go that direction: https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-HTML-CSS-and-JavaScript(11:42:23) Heidfi: Thank you, Tyne. I understand your limitation here. I'll give that a shot.(11:42:49) Tyne Z.: Okay, best of luck! I hope the Answers forum is helpful :) Is there anything else I can help you with before we wrap up today?(11:43:56) Heidfi: That's all for today(11:43:58) Heidfi: Thanks for your help
  11. I'm trying to fix how the list summary thumbnails appear on mobile. I like how the list appears on desktop and tablet, but need the mobile view to have stacked thumbnails above the title and excerpt. My current site: https://bitbloggist.com/ I've seen a basic workaround that requires you to manually input the content, but I'd rather the transition happen automatically. Currently, the thumbnails appear like the image titled "wrong thumbnails." I'd like the thumbnails to appear like the image titled "preferred mobile view." Any help would be much appreciated!
  12. Does anyone know how to prevent the thumbnails at the bottom of the displayed image from being cropped? See image attached.
  13. Hello, I am moving my shop over from Etsy and I was testing out some of my orders and I was wondering if it's possible to show the product thumbnail in the order summary. Examples below.Similar question to this post https://answers.squarespace.com/questions/228160/how-do-i-add-a-thumbnail-image-to-orders-placed-in.html
  14. https://www.m2wines.com/upcomingevents When I add a thumbnail image to an event. The event's page uses that image as a banner. It does not look good. https://www.m2wines.com/upcomingevents/2019/7/12/live-music-locked-and-loaded-with-the-tbd-food-truck How do I remove the banner from the event itself while maintaining a thumbnail photo.
  15. 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; }
  16. I am using the Jasper Template on the following site: www.mySC3limestone.org. The gallery thumbnails are used as buttons for people to click, but for some reason they slowly fade in, as opposed to images that are on the page that load automatically. I have to use the gallery thumbnails because then I can display it on mobile as 2 wide, whereas if I just use images, it will stack the images, which I don't want. Does anyone know if there's a way to stop the gallery thumbnails from fading in and instead just appearing automatically?
  17. Hi folks! Please, could I have some CSS assistance for the Wells template? Site: https://lucyrussell-hillstest.squarespace.com/portfolio - PW:1234 I am trying to achieve an image gallery that has only two columns and with the portrait and landscape thumbnails the same height. Below is a photo of what I am attempting to create.I really hope you can help me, I will be super grateful. Thank you!
  18. Helping some friends of mine build a simple site for their product. Everything was running fine up until recently. Previously the thumbnails would display at the bottom and the main selected photo was larger above the thumbnails. Now its just a bunch of thumbnails that don't do anything when clicked. What am I doing wrong here? https://www.mitacostand.com/buy/tacostand
  19. After adding a Thumbnail to a blog using the Bedford Blog template, the thumbnail shows up as a banner with the title of my blog in the middle of the thumbnail.I really don't mind the thumbnail as the banner but I need for the title to NOT be displayed right on the thumbnail. It could be above or below but if i want a thumbnail with something else written on it, the title gets in the way.Please help me with a solution, I have searched all through out and am not finding the right code. I've tried this code .banner-thumbnail-wrapper { display:none; } Which this removes all banners throughout my site. Not what I wanted.
  20. Hi, How can I have different size thumbnails on an Index page with Avenue Template?I want to have portrait thumbnails not in square.The two links beyond are websites using Avenue template with modifications in the size of the thumbanils.http://hellozso.com/http://www.simonolsson.se/ I know how using CSS and HTML but I can't find where I have to do the modification.Thank you in advance Studio studio
  21. I have been trying to change the thumbnail that shows up when I share my site on facebook. Only thing I get is the image I've uploaded in my page settings. That image happens to also be the main banner for the page. I want that image to stay the same but want a different one when I'm sharing my site on facebook. I've tried inserting code in the header, the facebook debugger recognizes both images, but I can only choose the main banner image thumbnail and not the different one I want for it. Please let me know if there is a fix for this.
×
×
  • Create New...