Jump to content

Erwan

Member
  • Posts

    32
  • Joined

  • Last visited

Everything posted by Erwan

  1. Hey ! On my website (erwanlier.com) I have a gallery (work). Whenever someone hover on one of my project I run a code that hides the image and in the background, a gif is playing. So when someone hover, they have a gif playing. the code is written here: a.grid-item:hover img { visibility: hidden; } .grid-item[href="/home/dhi-2022"] { background-image: url("https://static1.squarespace.com/static/5eedccbef70ff2565afd836e/t/65002af157ba1551a0f27331/1694509815813/DHI-ezgif-compression-15-12fps.gif"); background-repeat: no-repeat; background-size: cover; } I would like to change the gif to an mp4 file ... but it's not working when I upload the mp4 instead of the gif and replace the link. What code should I use? Thanks
  2. Hello, Right now on my website (erwanlier.com), when you hover over my projects, a gif is playing. While the result is what I want, I think it's too heavy to load. I've seen another website doing it with vimeo player instead. A Squarespace one here : https://www.alessandropacciani.com/ How can I do the same with code? I can't figure it out. Thanks
  3. Hey, I have an issue but I don't know if it's even possible to correct. On my website, on the homepage, when you scroll past my work, the animation to "slide" all the projects takes time to start. What I mean is not that the animation is slow, it's before the animation even starts, I have to scroll too much for my liking. Almost like I have to scroll until half of the section to let the animation begin. So the section looks empty at first. Is there any way to correct this behavior (except removing completely the animation of course). Thank you Erwan
  4. Didn't know I could edit the mobile layout differently than the website one. Amazing ! Thanks
  5. Hey, On my website I have two buttons. When I switch to mobile view, they are disaligned (wich is normal because in desktop view on is justify left, the other right). I can't figure the code to make them aligned in mobile view. 2 bonus question: - what would be the code or atribute to make them full page widht in mobile view? - why the organisation is switching in mobile? Like my name was first, then text then button on desktop. But that's the opposite in mobile view ... How can I correct this? Thank you, Erwan
  6. Absolutely perfect, this first-child/nth-child was exactly what I was looking for ! Thanks ! A whole new world of possibilites with these 😂
  7. Hey ! On my website (erwanlier.com) I have a gallery (work). Whenever someone hover on one of my project, I would like to change the image to something else, a gif. What code should I use ? Thanks
  8. Hey, Is there any way to create a menu like the one you can see here : https://www.watchsome.it/#art-5 (New, show all ...). I don't want to use blog post + archive by category in a list I don't want to have it reload a new page (as I could just create link to another page) Thanks !
  9. This is what it is doing ! I don't know if it can help, but the "random" menu could be non existant if it makes things much more easier, so it't split in half ! 2 menus left, 2 menus right !
  10. Okay, done, but still not working. Looks like it makes my last two menu disapear ... I'm not familiar with this kind of code so I don't knwo how to correct it !
  11. Hi ! No problem but I think code injection is only available for business or commercial plan. As I said, I'm on personal plan ... hopefully there is a solution too !
  12. Exactly, menu - logo- menu ! I'm on personal plan ! Thanks !
  13. Site URL: https://www.erwanlier.com/ Hi, Is there a way, witthout changing the template to change my navigation menu so my logo/name is at the middle and not above ? www.erwanlier.com Thank you !!
  14. Thanks for your help but I don't have the business plan ...
  15. Strange, the image is still there ... I had to adjust the "-2vh", and I tried top and bottom but there is still the problem, If I want it to be really close to the bottom, when I switch to mobile, it's cropped.
  16. Thanks, it almost work like I would like. The thing is, depending of the size of the screen (4k or mobile), it is not position welled on 1080 it's okay : on mobile not really :
  17. I don't know what I'm doing wrong but it does not work ...
  18. Worked absolutely fantastic !!! Thanks
  19. Done. I have tried, but the image always disappear, like if it was behing the image background ...
  20. Hi ! I would like to create a similar website to this one https://www.toastagency.com/en. Extract of my most recent work on the front page, a page dedicated to all my work ... Don't care about the two languages. What template would let me achieve this ? https://www.watchsome.it/ (love the toggle show best/show all, is this even possible with the cheapest plan ?) Thank you !
  21. Hi ! I have an image of a scroll wheel that I would like to put at the bottom of the section : (erwanlier.com) I have tried to set this image to "position absolute" with "bottom : 0", but it makes it disappear. Any help ? Thank you !
  22. Site URL: https://www.erwanlier.com/works Hi ! Is there a way to show like 3 to 4 elements of my portfolio (https://www.erwanlier.com/works) into the home page ? Thanks
  23. This is not working or I mis-explained what I would like. Right now on erwanlier.com/works when you over each image there is a zoom in effect. Here is the code that make it happen : /* Portfolio grid hover */ .grid-item:hover .grid-image{ opacity: 1 !important; transform: scale(1.1); transition: all 3s; } .grid-item { overflow: hidden !important; } But as soon as the mouse is out of the image it instantly goes to scale 1. I would like it to go back to scale 1 (from 1.1) as smooth as when I hover it. Thanks !
  24. Hey, How can I achieve this autoplay video section as you can see on this website : https://www.randyschmidtcreative.com/services-1 or in the header here : https://www.randyschmidtcreative.com/ Thank you !
×
×
  • 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.