• Resolved fredwier

    (@fredwier)


    Hi,

    When I select at the options page:

    – Term Link: No Link
    – Tooltip Activation: Hover

    I can’t see that there is a “hover” action. Meaning the word or phrase is not highlighted…

    When I select:

    – Term Link: Normal
    – Tooltip Activation: Hover

    Then the word is shown as a link.

    In both cases the tooltip works.

    But where do I change the hover style. And is there a way to change the hover and link style only for Glossary terms ?

    Regards,

    Fred

    http://wordpress.org/plugins/wp-glossary/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author TCBarrett

    (@tcbarrett)

    You could target them with some CSS

    .wp-glossary a:hover { ... }

    Thread Starter fredwier

    (@fredwier)

    thanks for your reply.

    the css should be added in the template css or in the glossary css ?

    regards,

    Fred

    Thread Starter fredwier

    (@fredwier)

    I managed to change the style of hover, active, link and a attribute.

    But once I select at the options page “Term Link: No Link” there the tooltip is not shown.

    What I would like to do is to show the tooltips, but I do not want the clickable link to be active.

    Any suggestion ?

    Thread Starter fredwier

    (@fredwier)

    To all,

    I managed to get a work-around for “my problem”.

    Adding extra css to the template css did’nt work.

    What I wanted is that the the word (or words) in the post is highlighted and dotted underlined and not acting like a link, but just showing when hovering the tooltip.

    What I did and used:

    – for other purposes I am using the plug-in “Shortcoder” and created a shortcode [sc:tip ] containing the following code:

    <span class=”tip”>

    Then I added the following css code in the template css file:

    .tip {
    border-bottom: 1px dotted #336699;
    color: #336699;
    }

    Then once I want to have a word (or words) highlighted in a post as a tooltip available from glossary I add the following to the post word:

    For example:
    [sc:tip ][glossary]word[/glossary][sc:end ]

    There is another advantage, that is when you would like to have the tooltip to go to the same word:

    [sc:tip ][glossary]word[/glossary]s[sc:end ]

    (the first one is “word”, the second one is “words”, but using the same glossary term)

    The code used, in shortcoder, for:

    [sc:tip ] = <span class=”tip”>
    [sc:end ] = </u></span>

    Have fun, it works great !

    Fred

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change Hover and Link Style for Glossary Terms on post page’ is closed to new replies.