Jump to content

Yolandi

Circle Member
  • Posts

    6
  • Joined

  • Last visited

Everything posted by Yolandi

  1. I was able to get the correct code from Tuan, see below! Add this CSS /* Team page image color on hover */ .user-items-list-item-container[data-section-id="61f056b8625ae6798a21c5d0"] li:hover img { filter: initial !important; } Thank you!
  2. Hi, I am trying to create a list item hover effect. I'd like all images to be black and white and turn back to color on hover. I'm using the following code, which is working for the black and white effect. However, it's not transitioning to color on hover. section[data-section-id="61f056b8625ae6798a21c5d0"] .list-item .list-image {filter: grayscale(100%);} .list-item:hover .list-image {filter: grayscale(0%);} Finally, I'd also like the transition to be smooth, so maybe take half a second. This is the website: https://biosymetricswebsite.squarespace.com/ Do you have any suggestions? Thank you!
  3. Site URL: https://dog-cornet-76am.squarespace.com/ Hi, I have some text and a button on my homepage over a background image that I would like to move below the image on mobile only. I got some custom css, but it doesn't seem to be working. Do you have any suggestions?
×
×
  • 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.