How to remove the boxes when hovering over a link?

  • There seems to be a feature in WP which displays a small yellow text box when hovering over a link for a second. I first thought the setting which does that comes with a theme but it seems to be coded into WP itself. Can someone point me to the file that manages this? Thanks.

Viewing 9 replies - 1 through 9 (of 9 total)

  • It sounds like you are describing a hover effect which is generally found in the style.css file for your theme.

    Here is some not so light reading on dynamic pseudo-classes (i.e.: a:hover{…} ): https://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes

    A link to your blog may help with providing a better answer.

    Thread Starter silverlight

    (@silverlight)

    I’m currently working on my site offline unfortunately.

    It’s basically the same effect that the wordpress site itself has on it’s main menu links – pointing at them brings up a small text box. I’ve read some articles and searched through the stylesheet but haven’t found anything related to it yet.

    Thread Starter silverlight

    (@silverlight)

    Also, I’ve tried many-many different themes but they all have the same effect – that’s why I thought it must be part of WP code.

    That’s a browser behaviour….. it’s related to the alt tag on images/image links….. and the TITLE tag on other stuff the alt/title tags are for used accessibility purposes (I believe) among other things and really shouldn’t be removed……

    but yeah…if you don’t have any alt tags, then that popup shouldn’t happen

    https://en.wikipedia.org/wiki/Alt_attribute

    Thread Starter silverlight

    (@silverlight)

    Yes, thanks, this seems to be it!

    If I’d still need to remove those from the WP pages menu, any ides where would I have to look? I suppose they are somehow automatically generated to display the name of each page I create.

    I understand how they affect accessibility but since this was specifically asked for by the one I’m building the site for then meh…

    You could keep the alt and title attributes in your html and remove them after loading using javascript. Quite a dirty solution, but you keep your accessibility advantages while giving your client what he wants.

    Perhaps it would be appropriate to explain to the client/friend why the boxes appear, what they are, and why websites should use them, rather then using additional scripts to force non-standard behaviour.

    For a plugin to help you to remove the popups, see https://www.ads-software.com/extend/plugins/remove-title-attributes/.

    – Tim

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to remove the boxes when hovering over a link?’ is closed to new replies.

Tags