Remove the text on icon hover (title tag)

If you’re comfortable editing your template, use the HTML button code on https://www.printfriendly.com/button

See where I added “CHANGE TITLE HERE”?

<script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'right';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='2';(function(){var js,pf;pf=document.createElement('script');pf.type='text/javascript';pf.src='//cdn.printfriendly.com/printfriendly.js';document.getElementsByTagName('head')[0].appendChild(pf)})();</script>

<a href="https://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="<strong>CHANGE TITLE HERE</strong>">

<img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="//cdn.printfriendly.com/buttons/printfriendly-pdf-email-button-md.png" alt="Print Friendly and PDF"/></a>

• This reply was modified 4 years, 5 months ago by Print & PDF by PrintFriendly.

Hi, thanks for replying. Where is this HTML supposed to go?

I already have the button set up on the site and really only need to change the button title text. This code seems to be affecting other parts of the style.

Are you saying I need to register a widget area under in posts/pages where the button should show and add the custom HTML directly there?

I’m not familiar with your template, nor can provide specific instructions for modifying templates.

If you really want to modify the link Title, you would 1) stop using plugin 2) add modified PrintFriendly HTML button code available at https://www.printfriendly.com/button/pro

Sorry I can’t be more helpful.

I think I will be able to use some conditional tags with hooks in functions.php

can’t you just change the alt tag in the image to alt=”” ?

can’t you just change the alt tag in the image to alt=”” ?

You mean change the title tag to an alt?

i don’t think it comes from a title tag. Text on hover comes from alt tags.

CORRECTION: I just checked on my page and removed the title from the embed code, and that took the text away upon hover.

This is the bottom half of my embed code… See how title is still there, but nothing between quotes? Try that…

Dang, let me try that again…

<a href="https://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title=""><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="//cdn.printfriendly.com/buttons/printfriendly-pdf-email-button-md.png" alt="Print Friendly Buttons"/></a>

Same code, but with a title that I made up. Hover and see…

• This reply was modified 4 years, 5 months ago by suzyloonam. Reason: clarity

So you’re using this on a WordPress site? I tried pasting the code directly into a page, but nothing showed up. I was using a HTML block.

I’m thinking I’ll need to register a widget using a hook with conditional tags so that is displays on pages and posts below the article title.

Yes, WordPress. Mine’s in a widget, which my theme (LT-BBQ) allows me to place on a page just by adding the code to the widget.

You can see it here:
Southside BBQ – Print Menu page

i don’t know anything about registering widgets with hooks or conditional tags, but that sure seems like a lot of trouble just to remove some hover text.

You put this code somewhere and it worked with the hover text. Can you not find where you put it and just edit that?