Table-Images for “child-link” buttons issue

[jsetzer]

Does it work now?

(You can ignore those (yellow) warnings in console)

Step by Step

1. Get id of button element
   

   

   Dl7Mg4ngax.png (16.98 KiB) Viewed 2328 times

   

   chrome_ajkFXSFX4e.png (10.55 KiB) Viewed 2328 times

   In this case it is notes_link. We can see there is no title attribute here.
2. Edit hooks/header-extras.php and insert the following code:

   Code: Select all

   <script>
       jQuery(function() {
           jQuery('#notes_link').attr("title", "My custom tooltip");
       });
   </script>

   Note: If the id equals notes_link, the selector in the jQuery call has to be #notes_link.
3. Reload browser with clear cache (!)
4. inspect button
   

   

   chrome_57JsC7jVFi.png (9.08 KiB) Viewed 2328 times

5. Check tooltip
   

   

   chrome_usm55Ylfcf.png (5.41 KiB) Viewed 2328 times

Tip
If you want to change more than one, you can but don't have to repeat the whole script-block but you can do like this:

Code: Select all

<script>
    jQuery(function() {
        jQuery('#notes_link').attr("title", "My custom tooltip");
        jQuery('#subscriptions_link').attr("title", "Another tooltip");
        jQuery('#deliveries_link').attr("title", "Custom tooltip #3");
    });
</script>