Blogueandomiblog

El Tooltip es el cuadradito que aparece cuando ponemos el cursor encima de un enlace.

Nos vamos a Tema > HTML 
Busca la etiqueta  ]]></b:skin> y añade este bloque encima:

Código

.tooltip {

  position: relative;

  display: inline-block;

  border-bottom: 1px dotted black;

}

.tooltip .tooltiptext {

  visibility: hidden;

  width: 320px;

  background-color: black;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  padding: 5px 0;

  

  /* Position the tooltip */

  position: absolute;

  z-index: 1;

  top: -5px;

  left: 105%;

}

.tooltip:hover .tooltiptext {

  visibility: visible;

}

</style>

Texto a mostrar con el contenido oculto.....

Texto a mostrar expandiendo todo el contenido oculto........

Pasa el cursor aquíEste es el mensaje que se mostrará al pasar el cursor.

Enlace

Datos de https://www.soratemplates.com/

Hover over me Tooltip text

ddddd

ver código

vvvvvvvvvvvvvvvvvv