Remove The Text On Icon Hover (title Tag)

Skip to content

WordPress.org

Forums

• Welcome to Support
• Guidelines
• Get involved
• Log in

• Welcome to Support
• Guidelines
• Get involved
• Log in

Skip to content

Home / Plugin: Print, PDF, Email by PrintFriendly / Remove the text on icon hover (title tag)

Search for: Search forums

• Resolved smallbizgeek

  (@smallbizgeek)

  4 years, 5 months ago

  When I hover over the printer icon or text, I see the words “Printer Friendly, PDF & EMail”.

  How do I remove or modify that text?

Viewing 15 replies - 1 through 15 (of 20 total) 1 2 →

• Plugin Author Print & PDF by PrintFriendly

  (@printfriendly)

  4 years, 4 months ago

  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, 4 months ago by Print & PDF by PrintFriendly.
  Thread Starter smallbizgeek

  (@smallbizgeek)

  4 years, 4 months ago

  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.

  Thread Starter smallbizgeek

  (@smallbizgeek)

  4 years, 4 months ago

  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?

  Plugin Author Print & PDF by PrintFriendly

  (@printfriendly)

  4 years, 4 months ago

  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.

  Thread Starter smallbizgeek

  (@smallbizgeek)

  4 years, 4 months ago

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

  suzyloonam

  (@suzyloonam)

  4 years, 4 months ago

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

  Thread Starter smallbizgeek

  (@smallbizgeek)

  4 years, 4 months ago

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

  You mean change the title tag to an alt?

  suzyloonam

  (@suzyloonam)

  4 years, 4 months ago

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

  suzyloonam

  (@suzyloonam)

  4 years, 4 months ago

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

  suzyloonam

  (@suzyloonam)

  4 years, 4 months ago

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

  

  suzyloonam

  (@suzyloonam)

  4 years, 4 months ago

  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>

  suzyloonam

  (@suzyloonam)

  4 years, 4 months ago

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

  

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

  (@smallbizgeek)

  4 years, 4 months ago

  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.

  suzyloonam

  (@suzyloonam)

  4 years, 4 months ago

  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

  suzyloonam

  (@suzyloonam)

  4 years, 4 months ago

  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?

Viewing 15 replies - 1 through 15 (of 20 total) 1 2 →

• The topic ‘Remove the text on icon hover (title tag)’ is closed to new replies.

• 
• Print, PDF, Email by PrintFriendly
• Frequently Asked Questions
• Support Threads
• Active Topics
• Unresolved Topics
• Reviews

Tags

• hover
• text
• title tag

• In: Plugins
• 20 replies
• 3 participants
• Last reply from: smallbizgeek
• Last activity: 4 years, 4 months ago
• Status: resolved