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
  • Squarespace Forum Club Guidelines's Topics

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

  1. Site URL: https://runatitshouting.squarespace.com/config/design/custom-css I have posted a event and attached a product to it. it automatically has made this a clickable link and then takes me too a pointless page saying the same thing. is there any way i can disable the picture of the product as a clickable link? I have my add to cart on the screen so there is really no reason to take the user somewhere else saying the same thing. thanks for your help
  2. Site URL: https://www.thislandisdigital.com/test-rectangles I've already located code to create a hover effect from a recent post (though it needs to be written for every single thumbnail). All of the tutorials and tips I've found so far replace one image with another, though, whereas I would like to overlay an image on top of the currently hovered thumbnail. The effect will basically place a border, some glowing vignette, and a few stylized notches as if looking through a camera. The test index I'm using can be found here. The image I'd like to overlay is here. My current hover code looks like this (with some extra toys thrown in while I experiment!): /* On hovering over a specific block, affect its image. */ a.project:nth-child(1):hover img, a.project:nth-child(2):hover img, a.project:nth-child(3):hover img, a.project:nth-child(4):hover img { //visibility: hidden; opacity: 50%; //border-radius: 150px; filter: blur(2px); //grayscale(100%); //invert(100%); transition: all 0.5s; } a.project:nth-child(1):hover .content-fill, a.project:nth-child(2):hover .content-fill, a.project:nth-child(3):hover .content-fill, a.project:nth-child(4):hover .content-fill { background-image: url(https://static1.squarespace.com/static/5338f2a1e4b012d5a0b4b9e7/t/5e83d5e07a31383b2b77d2d3/1585698273099/Thumbnails_HoverImage_02.png); background-size: 100%; //or: cover; background-position: center center; background-repeat: no-repeat; } How do I make the image appear over top of the thumbnails? I don't really want to fade their opacity to reveal something behind them.
  3. Site URL: http://xxnaomi.com When I'm creating a post and I want to add a thumbnail, I have the option to upload an image from the Options screen. Is there a way to just use the image I already have inside the post, or do I have to do a duplicate upload? Thanks!
  4. Site URL: https://www.ignatberbeci.com/ Can someone please help? I'm trying to get one index thumbnail on mobile devices while retaining two on desktop. Unfortunately Avenue doesn't have an option for that and it looks like a CSS code would solve this problem. Thank you guys!
  5. Site URL: https://www.thislandisdigital.com/ So I'll just say I'm not great with CSS as it applies to Squarespace (so far). I generally understand a decent amount of the action code with the brackets but identifying the right subjects (#thisPiece .thatPart) has given me too much trouble to get much done. Extra explanation on those subjects would be appreciated. Question: How do I selectively hide or otherwise alter (color, animation) the thumbnail titles only for specific pages within an index? Context: My site, ThisLandisDigital.com, uses the Avenue template and a grid of thumbnails organize my portfolio. It's common to include project logos for games and films within related thumbnails, so I've already got a layer of text for the first several images. When I enable the default index titles, the text color is not consistently legible and the text is redundant for some thumbnails. Similarly, when I try including titles directly in all of the thumbnail images, the whole page becomes much harder to read at a glance (the GIFs are distracting enough). The site style controls also don't let me choose top/bottom positions for the title, only left/center/right and overlay/under. I don't know yet what solution will be best or even whether playing with titles on some of the thumbnails will work at all, but to experiment with it I'll need to be able to single out each page's thumbnail and toggle its title visibility. Bonus Question: How would I swap the thumbnail images themselves when hovered such that I could design the titles into the images manually or possibly reduce my GIFs to hover reactions? Thanks.
  6. 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?
  7. 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
  8. Site URL: https://oval-violin-hrze.squarespace.com/ I would love to know if there is some available code to inject to display the post thumbnail image for OM template. Unfortunately didn't realize this wasn't a feature of this template and already worked all day setting up basic styles for the site for a client. We'd really like to stick with this template too. Hopefully this is feasible and someone can help me. Thanks!!
  9. Hi, I am wondering if anybody have same issue with me and if solved? I am using Avenue template, and tried to change 1 thumbnail per row only on mobile, I am currently have 2 thumbnails per row on desktop version. Please help! Thanks in advance.
  10. Hi, I have designed a site using Beaumont template and added a blog page. The default template posts have images (mountains - see attached) Is there any way to change those, either edit the template posts or add them when posting a new entry? Many thanks.
  11. Hi i would like to show the image title as a caption under the individual images either in the Grid;Masonry or Simple Slideshow gallery styles (the latter also has thumbnails under the single main slide show image). However I hadnt realised before signing up that version 7.1 galleries dont show captions. Is there a way to add code that does this to specific galley pages rather than site wide? thanks
  12. Site URL: https://www.winkeyewear.com/new-events The Sonora template's events page list view shows thumbnail images that are too large for our taste. Can we make them smaller with custom css?
  13. Site URL: https://octagon-garlic-ejcr.squarespace.com/ Link : https://octagon-garlic-ejcr.squarespace.com/ Password : sonatine Hello friends, I'm almost done with my brand new website, but there are still a few things I would love to correct. 1/ So for each section, all the thumbnails (an actuall image gallery) are linked to my video projects. Problem is, people need to actually go to the video page to see the actual title. Is there a way I can make a hover effect on each thumnail pic so that when someone place the cursor on it, the title appears ? 2/ There's a slight issue with the spacing between thumbnails on the "fashion film" page. These are my main two issues before it's completed. I added two captures describing the two issues. Thanks a lot for your help, hopefully I can release my website pretty soon. Kinds regards
  14. I am working on two sites, using Marquee and Dovetail. I would like to create a rotating banner image on the home page for both. Currently, I am just using the thumbnails for the banner image, but would like it to be more captivating. Can anyone point me in a coded and detailed direction on how I could do this? My coding skills are minimal, but I can follow directions. Thank you!
  15. Site URL: https://sdbrosconsulting.com Hey, I was looking to add a border to the thumbnail of the active picture of a gallery for a client. I did not found much online so I came up with this code but it only adds a border to the top of the active thumbnail. When trying to add the border to the entire thumbnail (using border: instead of border-top:, the bottom border was not visible, neither when using border-bottom:). I'm think it actually looks better with the border on top only but if anyone knows how to have the border all-over please share! . sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide { opacity:0.5; } //Changes opacity of thumbnails not selected .sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide.sqs-active-slide { opacity:1; border-top: 1px solid #000; ; } //Changes opacity of selected/active thumbnail and sets a border on top of it
  16. 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
  17. Hey all! I'm using the Paloma template and I am trying to have a thumbnail image show at the bottom of each page of the previous and next blog/episode. Currently (standard) it shows the title of the next/previous blog - I just want to add the thumbnail for each as well. Any help? Thanks so much!
  18. 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?
  19. Site URL: https://bell-parrot-x7ly.squarespace.com Hi there, Having an issue on a site i'm struggling to resolve, & worse explain to a client. When you launch a video it 1st lightboxes the thumbnail, that fades down, then jumps to the Vimeo (& occasionally there's a flicker or stutter on the Vimeo video too) It's a fairly jarring way to launch a video & struggling to find a solution. I've deleted all CSS to check but made no difference. Any advice would be really useful. https://bell-parrot-x7ly.squarespace.com/ Password: boomtown Also included a video of the issue Thanks video_stutter.mov video_stutter.mp4
  20. My custom thumbnail for an embedded video is not loading. What am I doing wrong? I've done this before, with success, so I don't know why it's not working this time.
  21. 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
  22. Site URL: https://www.southendpropertiesnc.com/ I'm trying to insert a thumbnail image or a button to link to a flyer, so that when you click, the flyer opens up in a new tab. I can't figure out how to do this. Any help would be greatly appreciated.
  23. Can anyone advise me on how can I access the month name inside the Event thumbnail so I can change the string to another one (localised to the language not currently supported by SQSP)? (see the picture) I managed to change most of the date instances in Events and Blog pages via datetime handle, but being a non-programmer I struggle with that thumbnail. Basically all I need is a function that will return a number of the month mentioned in the thumbnail (e.g. "3" for "MAR") --- missed bit od code marked below as ******* <script> var month=new Array(12); month[0]="LED"; month[1]="ÚNO"; month[2]="BŘE"; month[3]="DUB"; month[4]="KVĚ"; month[5]="ČER"; month[6]="ČVC"; month[7]="SRP"; month[8]="ZÁŘ"; month[9]="ŘÍJ"; month[10]="LIS"; month[11]="PRO"; Y.use('node', 'node-load', function(Y) { Y.on('domready', function() { Y.all('div.eventlist-datetag-startdate--month').each( function() { var mdate = new Date(this.getAttribute(************)); this.setHTML(month[mdate.getMonth()]); }); }); </script> *thanks*
  24. Site URL: https://www.annafinocchiaro.com/event/dg570j6o0okxgjtglesujmvpfbk0ls Anyone have code to hide/remove "SHOW THUMBNAILS" in slideshow view in Beaumont template?
  25. Hi guys! Im trying to add a second title/subtitle to my gallery grid thumbnails under the current title text but cant seem to get it to work. I´ve tried display the description as well but without any luck so far. I´ll like for the text as shown in the following picture and if possible have 2-3 subtitles. My website is: https://www.andrental.dk/ Any ideas and contributions are appreciated 🙂
×
×
  • Create New...