WordPress.org

Support

Support » Plugins and Hacks » Hacks » disabling "alt" attribute when hovering over navigation

disabling "alt" attribute when hovering over navigation

  • roberthq

    @roberthqprintsnet

    I know this question has been asked in the past years ago, but I’ve found nothing recent that applys to new versions of WP. How do I disable the alt pop up when you hover over your nav? This seems to be a WP standard feature and i think its annoying.

    If you need to see it in action, do so here: http://www.hqprints.net/

    Thank you for reading.
    RRG

Viewing 15 replies - 1 through 15 (of 24 total)
  • How are you generating your menu?

    roberthq

    @roberthqprintsnet

    They are categories and posts. I’ve removed any description from the category options, but it still defaults to the original “view all posts…” I can’t even find that in the code of some of the WP files (not all, sort of time consuming to do, hence why i’m here)

    Does this answer your question?

    Thanks for reading
    RRG

    What “code” are using to generate the menu(sorry should of been more clear), are you using the new 3.0 nav menu system? ie. wp_nav_menu()?

    roberthq

    @roberthqprintsnet

    I’d guess not as the theme is older and I don’t updated it. In fact I know I’m not using it as I’ve used it in newer websites, but not this one as it was build with older versions of WP.

    I’m also looking for a way to turn off this popup description. It’s very annoying.

    Wow a WordPress post on a problem I have that isn’t 5 years old. I’d also like to know how to turn this feature off…

    @ Mark / t3102

    My theme is using wp_nav_menu() Going to research and mess with it for a bit and see if I can understand how it works a bit more.

    roberthq,

    If you are using an older theme, it’s probably using wp_list_pages to generate your nav menus. Two points:

    1) It’s actually the ‘title’ attribute, not the ‘alt’ attribute, that is causing the tooltip to pop up.
    2) Filtering the output of wp_list_pages is quite difficult — I know because I wrote a plugin that does it (but for a different reason).

    For something like this, I would probably use JavaScript. Since your theme already has jQuery loaded, if you put this little piece of code in your template it should do the trick.

    <script type='text/javascript'>
    jQuery(document).ready(function($) {
      $('#nav a').attr('title', '');
    });
    </script>

    ekdor and PGrizz,

    Something similar should work for you, assuming jQuery is loaded. You’ll have to modify the CSS selector in the code to match your theme.

    I just remembered there is another way to do this, BUT it will only work for menus that are generated with wp_list_pages:

    http://wordpress.org/extend/plugins/page-lists-plus/

    Install the plugin, then under “Page Lists Plus” in the Settings menu, check “Remove title attributes from anchors.” (Page Lists Plus is not one of my plugins btw, it’s just something I came across a while back).

    If you are using the WP 3.x custom menu system (i.e. wp_nav_menu) this will NOT work. You’ll have to try the JavaScript solution instead.

    @ ambrosite
    I’m not great at this stuff but I think I can manage.

    jQueary is in use with my theme.

    I placed the code in the php where I have the menu residing. Is that correct?

    I assume you mean the #nav needs to be changed? If so, what kind of css styling should I be applying? What am I matching it to?

    Sorry if this a bit noob for ya.

    @ekdor You need to supply the correct selector for your navigation links (it’s different in every theme), so jQuery knows which elements should be changed. If you give me the link to your site, I’ll tell you exactly what you need to put in there.

    roberthq

    @roberthqprintsnet

    @ambrosite
    Thanks for that tip, worked like a charm.

    RRG

    @ ambrosite

    Thanks for your assistance. The site in question is http://www.burramundi.com

    @ekdor Try this:

    <script type='text/javascript'>
    jQuery(document).ready(function($) {
      $('.sf-menu a').attr('title', '');
    });
    </script>

    @ ambrosite
    Thanks. That didn’t work. I tried also sorts of permutations earlier. Although non with the dot. But this didn’t work.

    Perhaps I have it in the wrong file? Or the jQueary scripts don’t include what I need? There are three by the following names. I don’t know if these had been altered.

    jquery.cycle.all.min.js
    jquery.easing.1.3.js
    jquery.lavalamp.1.3.3-min.js

Viewing 15 replies - 1 through 15 (of 24 total)
  • The topic ‘disabling "alt" attribute when hovering over navigation’ is closed to new replies.
Skip to toolbar