bison716 Posted October 11 Posted October 11 I recently came across code of how I can turn black & white image blocks into color while hovering. After searching for a while, I finally came across a members video and it worked flawlessly! I have just one minor need and tweak if possible. I may have over looked it, but I noticed my Logo along the bottom of my website changes as well, and I only need it for other parts of my site and not the artwork within my Footer. Here is the code I'm currently using: .image-block { filter: grayscale(100%); transition: filter .5s ease-in-out;} .image-block:hover { filter: none;} I was hoping if someone could lead me down the right path to solve my minor issue or if any additional coding is needed on my end.
KwameAndCo Posted October 12 Posted October 12 Assuming you're on 7.1 main .image-block { filter: grayscale(100%); transition: filter .5s ease-in-out;} main .image-block:hover { filter: none;} bison716 1 Work With Me 🖥️💻📱 Please remember to tag me so that I get a notification and respond to your help requests. If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly. You can also thank me or make requests by buying me a coffee ☕. (Caffeine fuels me to take more requests) For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials) For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩 For Custom Plugins email me 🧩
bison716 Posted October 21 Author Posted October 21 Hi KwameAndCo, This looks to be the same code that I initially specified. I'm sorry if I'm missing something. I'm looking for some help to remove the greyscale filter from my footer only. Any advice would be greatly appreciated 🙏
tuanphan Posted October 27 Posted October 27 On 10/21/2024 at 11:06 PM, bison716 said: Hi KwameAndCo, This looks to be the same code that I initially specified. I'm sorry if I'm missing something. I'm looking for some help to remove the greyscale filter from my footer only. Any advice would be greatly appreciated 🙏 You can use this CSS code footer.sections .image-block { filter: unset !important; -webkit-filter: unset !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment