Yolandi

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!

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!

That worked, thank you so much!

tominsel

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?