Conversation
supportHello, I see an old threat on https://wordpress.org/support/topic/remove-text-label-on-mouse-hover/ it is marked as resolved, but I still see the icon text when I do a mouse over. I’ve tried an Alt= code on the URL, but that doesn’t work. What can I do? The page I need help with: [ log in to see the link]
Hello, You can set title_tag=false and this will remove the mouseover text. Please let me know if this doesn’t work for you.
Hi Travis, Unfortunately that didn’t work. I placed it in the [] code and tried the a href code. Actually I want to set my own text there. I remember there used to be an option for that, if I remember it correctly, something with .tooltip ?
Hello, Please add the following CSS: span[class*="simple-icon"] svg { pointer-events: none; } Then you can add a title attribute to your links and the text you want to use. Example: <a title="My Custom Title">[simple_icon]</a>
Thank you, that worked! Now I still have this code in my CSS. are Tooltip arrows still available? /*tooltip icons*/ .tooltip {display: inline-block; border-bottom: 0px;} /* Tooltip arrow */ .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;} .tooltip:hover .tooltiptext { visibility: visible; opacity: 1;}
I’m not familiar with that code or tooltip arrows. This is not apart of our plugin.
Hello, You can set title_tag=false and this will remove the mouseover text. Please let me know if this doesn’t work for you.
Hi Travis, Unfortunately that didn’t work. I placed it in the [] code and tried the a href code. Actually I want to set my own text there. I remember there used to be an option for that, if I remember it correctly, something with .tooltip ?
Hello, Please add the following CSS: span[class*="simple-icon"] svg { pointer-events: none; } Then you can add a title attribute to your links and the text you want to use. Example: <a title="My Custom Title">[simple_icon]</a>
Thank you, that worked! Now I still have this code in my CSS. are Tooltip arrows still available? /*tooltip icons*/ .tooltip {display: inline-block; border-bottom: 0px;} /* Tooltip arrow */ .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;} .tooltip:hover .tooltiptext { visibility: visible; opacity: 1;}
I’m not familiar with that code or tooltip arrows. This is not apart of our plugin.