Jump to content

Rmng_

Member
  • Posts

    20
  • Joined

  • Last visited

Everything posted by Rmng_

  1. Ok thanks for your reply !
  2. Hello ๐Ÿ™‚ Do you know how to get a page that looks like this : https://vincentcoste.com/work-1 ? In other words click on a project, get the corresponding information and after scrolling, get the image gallery that continues below? Thanks in advance for your help
  3. I'd like the underline to disappear completely. However when I move the mouse over it, I'd like the underline to reappear.
  4. Sorry, I meant โ€œunderlineโ€ not highlights
  5. I would like to add this effect on this page, hover all the text surrounded in red : https://maracas-sparrow-583n.squarespace.com/recherche-par-type-de-projet
  6. I've tried it, but it seems to have the opposite effect to what I want ^^
  7. Hello ๐Ÿ™‚ How do I create a highlighting effect for a hyperlink that appears when the mouse is dragged over it? thanks in advance for your help
  8. Great, it's working ! thanks a lot !
  9. Hello ๐Ÿ™‚ Do you know how to position the header logo on the right please? thanks in advance for your help
  10. And, if i want to have this effect on just 4 images of this section, do i need to code for each images ?
  11. It doesn't work like this but i found an other code and it's working actually with : <style> section[data-section-id="66c4b670708ce031195e5a92"] { .sqs-block-image img { transform: scale(1); transition: 400ms; overflow:hidden !important; } .sqs-block-image:hover img { transform: scale(1.1); transition: 400ms; } } </style>
  12. Hello ๐Ÿ™‚ I'd like to have an effect on a few images in a section of a page on my website. But I can't find the error in the code found on youtube tutorials. Here's a screenshot of the code: Thanks in advance for your help ๐Ÿ˜„
  13. Yes in fact. how can you make this effect on squarespace? Do I need css ?
  14. Ok great. Thank you for your help. Also, is it possible to display a title at the same time as this effect?
  15. I found on YouTube this code below and its workin : .image-block { filter: grayscale(100%);} .image-block:hover { filter: none;} .image-block { filter: grayscale(100%); transition: filter .5s ease-in-out;} .image-block:hover { filter: none;} But now I want this code to affect only one page of my website, but I can't find it at the moment. Thanks in advance for your help
  16. I found this code : list-item-content { margin-top:-58%; background:linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.5) 25%, #000 75%); padding: 1rem; transition: all 1s; z-index:99; opacity:0} .list-item:hover .list-item-content { transition: all 1s; opacity:1}.list-item-content *{color:#FFF!important} .list-item-media {transition: all 1s;filter:grayscale(1);}.list-item:hover .list-item-media {transition: all 1s;filter:grayscale(0)!important;} but I don't know where I have to copy that code
  17. Hello, thanks for your answer. Here the link : https://vincentcoste.com/work-1
  18. Hello everyone, I'd like to know if it's possible to change the images on the exposed projects when the mouse moves over them. Is it possible, for example, to have images that at first glance are all in black and white, and when we move the mouse over them the image changes to become colored? You can find attached an example. Thank you in advance for your invaluable help.
ร—
ร—
  • 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.