Browser Pointer & Tooltip Questions

  • Resolved chrisedwards2791

    (@chrisedwards2791)


    7 years, 6 months ago

    Hi,

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

    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?

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Hector Cabrera

    (@hcabrera)

    7 years, 6 months ago

    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.
    Thread Starter chrisedwards2791

    (@chrisedwards2791)

    7 years, 6 months ago

    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 🙂

    Thread Starter chrisedwards2791

    (@chrisedwards2791)

    7 years, 6 months ago

    Got one fix done, this CSS worked:

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

    Thanks

    Plugin Author Hector Cabrera

    (@hcabrera)

    7 years, 6 months ago

    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.
    Thread Starter chrisedwards2791

    (@chrisedwards2791)

    7 years, 6 months ago

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

    Plugin Author Hector Cabrera

    (@hcabrera)

    7 years, 6 months ago

    Don’t mention it, glad I could help 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Browser Pointer & Tooltip Questions’ is closed to new replies.

Tags