WordPress.org

Ready to get started?Download WordPress

Forums

Link Library
Hover descriptions (2 posts)

  1. skamaria
    Member
    Posted 1 year ago #

    Is it possible to have description for links only show via hover? Right now hovering over a link displays the link name, I want it to display the link description but cannot figure out how to make this happen.

    Many thanks for any help!

    http://wordpress.org/extend/plugins/link-library/

  2. yezzz
    Member
    Posted 1 year ago #

    I've been testing this with category descriptions using CSS hover and clip:rect although there's probably better methods (my CSS knowledge is limited).

    If you have "show category description" enabled and "hide category names" DISabled in the link element settings, then you can try with this CSS:

    .linklistcatnamedesc {
           /*display:block;*/
           position: absolute;
           clip:rect(0px,20px,15px,0px); //set 2nd and 3rd value for right and bottom clipping;
           margin-left: 10px;
    }
    
    .linklistcatnamedesc:hover{
          /*display: block;*/
          /*position:relative;*/
          /* background-color:yellow; */
          clip:auto;
          margin-left: 10px;
      }

    You can even put in an image, eg a help icon:

    .linklistcatnamedesc:before {
         content:url(http://example.com/image.png);
    padding-right: 5px;
    }

    If you want to use this with the link description you probably need to set it to display as a table, then assign a class to the description, and add the above CSS to the stylesheet.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic