I am building a custom Drupal theme for my site. For the most part, the styling is pretty straight forward, but I am struggling to find what js or css controls what appears to be a tooltip which appears under the mouse when you hover over elements with a title attribute (the grey rectangle):

enter image description here


I tried searching for it, but I wasn't able to find anything on stack overflow/exchange that are actually related to Drupal, or otherwise helped me to resolve the issue.

After this, I tried to use the developer tools in chrome to see if I could find it this way. I tried searching the event listeners, but there was a lot of listeners present and I wasn't able to narrow it down this way either.

Besides that, I crawled the core scripts/styling to see if I could find it manually.

How do I select this in the CSS and style it?

  • Are you sure it’s definitely JS/CSS and not the browser’s standard behaviour? I see an identical hint in Brave on any site I hover over a link with a title attribute, for example
    – Clive
    Commented Nov 9, 2023 at 20:22
  • I am not sure actually. I am not familiar with this behaviour and thought much of the browser's default styling was disabled with my normalize css. I didn't know that browsers can have default behaviour that extends beyond custom css. Thanks for pointing this out, I will look into this to see if that is what it is. Commented Nov 9, 2023 at 20:48
  • Browser will individually show the title attribute on hover. Checkout stackoverflow.com/questions/2011142/… for solutions
    – john Smith
    Commented Nov 10, 2023 at 12:52


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.