Browser Pointer & Tooltip Questions

Hi @chrisedwards2791,

Is there a way to disable the “title” tooltip attribute when you hover over a link?

To remove the tooltip you’d need to modify the HTML output. If you share your site’s URL I can tell you what exactly has to be done for this.

Also, it appears that when you are on a particular popular post, the corresponding link text in the sidebar (using the widget) appears as an I-beam when hovered over – can this be set to a pointer instead?

Yep. Try this:

1. Go to Appearance > Customize.
2. Under Additional CSS, add the following:

   .wpp a {
       cursor: pointer !important;
   }

3. Click on Publish (top left of the screen) to save changes.

Hi Hector

Thanks for replying so quickly!

The site is not live quite yet, but I include the html output below so you can see what is generated:

<div class="widget-wrap">
<h3 class="widgettitle widget-title">Popular Posts</h3>
<!-- cached -->
<!-- WordPress Popular Posts -->
<ul class="wpp-list">
<li>
<a href="https://www.northwalesgolfcourses.co.uk/abersoch/" title="Abersoch – a Challenging Mix of Traditional Links and Parkland" class="wpp-post-title" target="_self">Abersoch – a Challenging Mix of Traditional Links and Parkland</a>
</li>
<li class="current"><a title="Aberdovey – a First Class Traditional Seaside Golf Links" class="wpp-post-title" target="_self">Aberdovey – a First Class Traditional Seaside Golf Links</a>
</li>
<li>
<a href="https://www.northwalesgolfcourses.co.uk/abergele/" title="Abergele – Golf, Castles and Spectacular Coastal Views" class="wpp-post-title" target="_self">Abergele – Golf, Castles and Spectacular Coastal Views</a>
</li>
</ul>
</div>

Its the html link title tooltip that I would like to hide/remove.

Additionally, the CSS code didnt do anything. Does the .current class need this rule? Its the current post/link that does not have the pointer.

Thanks ??

• This reply was modified 5 years, 11 months ago by chrisedwards2791.
• This reply was modified 5 years, 11 months ago by chrisedwards2791.

Got one fix done, this CSS worked:

.wpp-list a {
    cursor: pointer !important;
}

Thanks

That helps.

Please change:

.wpp a {
    cursor: pointer !important;
}

to:

.wpp-list li a {
    cursor: pointer !important;
}

To remove the title attribute (assuming you’re using the WPP widget):

1. Go to Appearance > Widgets.
2. Click on WordPress Popular Posts to expand it and access its options.
3. Under HTML Markup settings, tick the Use custom HTML Markup option and save changes.
4. Set Before / after Popular Posts to <ul class="wpp-list"> and </ul>, respectively.
5. Set Post HTML Markup to:

   <li>
       <a href="{url}" class="wpp-post-title" target="_self">{text_title}</a>
   </li>

6. Finally, click on Save to apply changes.

Both worked a treat,
Awesome support and awesome plugin!
Thanks again Hector ??

Don’t mention it, glad I could help ??