Cómo cambiar el aspecto de los tooltips (librería Tooltipster)

Para los tooltips de los sitios realizados en POM Standard utilizamos esta librería.

Cambiar su diseño es muy sencillo, basta con añadir un par de bloques de CSS.

Pongamos un ejemplo:

Cambiando estilos del contenedor. Cambiamos el fondo, borde y similares (lo que pongamos aquí también afecta a la flechita):

.tooltipster-base {
	border-radius: 15px;
	border: 5px solid #badeda;
	background: #000;
	color: #fff;
}

En esta definimos el texto de dentro del tooltip, y el ancho máximo si se desea:

.tooltipster-base .tooltipster-content {
	font-size: 24px;
	line-height: 1.2;
	padding: 8px 10px;
	max-width: 300px;
	text-align: center;
}

Con esas dos de arriba quedaría así: