Cambiar el texto al pasar el mouse

Un usuario preguntó 👇

Hola,

Quiero una mesa como esta:
https://www.princessetamtam.com/en/bra-size-guide-p7.html

Seguí la guía aquí: https://wordpress.org/support/topic/popup-text-when-hovering-a-cell-or-row/

Pero solo muestra «Este es contenido de celda normal». Entonces necesito comprar una extensión, etc.

(@tobiasbg)

Hace 1 año, 4 meses

Hola,

gracias por tu publicación y perdón por las molestias.

No, no necesitará una extensión, solo una estructura HTML diferente y algo de código CSS. Por ejemplo, en sus celdas, ponga esto:

<span class="text-normal">Normal text</span><span class="text-highlight">Highlight text</span>

Puede cambiar el texto real en el código HTML como desee.

Además, agregue esto al área de texto «CSS personalizado» en la pantalla «Opciones de plugin» de TablePress:

.tablepress .text-highlight {
  display: none;
}
.tablepress td:hover .text-highlight {
  display: inline;
}
.tablepress td:hover .text-normal {
  display: none;
}

Saludos, Tobias

¿Solucionó tu problema??

SíNo

0 / 0