Is there an easy way to remove hover color on images?

[Aizera]

I tried installing hugo-snap-gallery, when i click on the image once the entire thing shows the hover color of the link until i put my cursor at a corner. I understand that galleries are not supported but I thought it was worth an ask in case the fix is something I can quickly do on my end. Thanks!

https://aizera.page/post/atomic-habits-what-helped-me-the-most/

[wolfspyre]

I'm just guessing, but try adding this to the top of custom.css

@tailwind base;
@tailwind components; 
@tailwind utilities;

@layer base{
  html {
    /* https://css-tricks.com/custom-tailwind-css/ His recommendations */
    -webkit-tap-highlight-color: transparent;
    input, textarea, button, select, a {
      /* https://css-tricks.com/snippets/css/remove-gray-highlight-when-tapping-links-in-mobile-safari/ */
      -webkit-tap-highlight-color: transparent;
    }
  }  
}

and see if it helps?

[Aizera]

Thanks for the response, I tried following it but it didn't work, perhaps I made a mistake somewhere; for the time being I just went into the snap gallery code and made the image not clickable.

[wolfspyre]

might try adjusting the element type (maybe img??) in the above blob?

however, I ran into this while making my gitlab project shortcode:

The element that controls the link:
<a target="_blank" href="{{ .web_url }}" class="group transform translate rounded-2xl decoration-none hover:bg-green-900 ">

while I was fiddling around with something vaguely adjacent, I figured I'd test this out and report back:

<a target="_blank" href="{{ .web_url }}" class="group transform translate rounded-2xl decoration-none hover:bg-transparent ">

it's somewhat unfortunate that the pointer isn't visible, so I tried to capture the url presentation message indicating that the card is currently in a state of :hover, but there's no visible indication of that... (which I believe is the desired goal you had)

not sure if that's helpful at all to you, but it does appear to ... "work" :)

[Aizera]

omg!! thank you for your reply again. It is not exactly the same but I applied the concept on snap-gallery.css and set opacity : 0; and it fixed!! It is a pain that I don't understand everything and I'm forced to work off of just random partial knowledge but thank you for persisting.

[wolfspyre]

Woohoo!!

of course! Glad I could help! If it makes you feel any better, I've been a unix nerd, administrating infra, etc since the late nineties....
and I still barely know wtf I'm doing ;)

This might be validating for you:
https://levelup.gitconnected.com/programming-isnt-hard-but-it-s-frustrating-6cb740085243

( I have no relationship to the poster of this article, but I've shared it to multiple friends who have similar bruises on their foreheads from repeatedly smashing head into wall over $random-pain-in-the-A$$-bug )
❤️🐺W

[wolfspyre]

as an aside, the moment you THINK you understand everything, it's either

• Time to wake up. ;)
  OR
• You're on the precipice of picking up an entirely NEW bag of skills, as you've mastered this one ;)