Hover descriptions

Viewing 1 replies (of 1 total)

  • 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(https://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.

Viewing 1 replies (of 1 total)
  • The topic ‘Hover descriptions’ is closed to new replies.