Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by miguelrato

  1. Hi @tuanphan. For the homepage: https://bassoon-oval-dg9e.squarespace.com/ Currently, I'm using the above code, but the images are square and I want them 16:9, and the text is going to the side, and I want it underneath
  2. Thanks @tuanphan. Here's the site: http://bassoon-oval-dg9e.squarespace.com/ Pass: steelworks
  3. Hi @Ziggy is it possible to have the same layout but with 16:9 on the aspect ratio of the images, and the text to be under the image instead? Thanks!
  4. Hi @tuanphan that's correct, show image, and when hover >> change image with video and make the video auto play. If you could help me out understanding how I can achieve this that would be AMAZING! Ideally using a video snipped from Vimeo that I could cut just to have as a little video. Thank you so much.
  5. Hi @tuanphan first of all thanks for all of your help here to everyone! Secondly I would like to ask if you could kindly explain how I can get the Portfolio thumbs to autoplay a video on hoover, have it working with a gif but can't understand how to make it work the same but with a video. Ideally something from vimeo if possible. I'm using this code for the autoplay on hoover for the gifs. @media screen and (min-width:768px) { a.grid-item .grid-image-inner-wrapper { background-size: cover; background-repeat: no-repeat; background-position: center center; transition: all 0.3s ease; } a.grid-item:hover .grid-image-inner-wrapper img { opacity: 0; transition: all 0.3s ease; } a.grid-item .grid-image-inner-wrapper img { transition: all 0.3s ease; } a.grid-item:nth-child(1) .grid-image-inner-wrapper { background-image: url(https://images.squarespace-cdn.com/content/v1/65a556feb63149536bbf3687/510a5182-2b9f-4324-97d1-d203ae38d4e4/hoka_01.gif); } Thanks so much!
  • 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.