Tutorial Divi: Evitar que el logo pierda calidad

Publicado Por Fernando Tellado el 11 Ene, 2018

Una de las cosas que más me pone de los nervios de Divi, a pesar de que me encanta, es que cuando añades tu propio logo este se muestra muy feo, pixelado o a baja calidad.

Ya sea por el tamaño de la imagen elegida o el formato, cuando el tamaño del menú principal es pequeño se suele mostrar poco nítido y básicamente se ve mal.

En esta captura de la web de mi empresa puedes comprobar a lo que me refiero:

Índice de contenidos

1 Una posible solución
2 Una solución de verdad

Una posible solución

Una posible solución, manual, es subir el logo al tamaño máximo – o similar – que se vaya a mostrar en tu menú principal. Es un apaño, pero funciona.

Una solución de verdad

Pero si no quieres andar haciendo experimentos o cálculos ridículos lo mejor es que añadas este poquito de CSS desde el Personalizador de temas > CSS adicional:

/* Mostrar el logo Divi a buena calidad */
#logo {
-webkit-transition: initial;
-moz-transition: initial;
transition: initial;
-webkit-transform: initial;
}

/* Mostrar el logo Divi a buena calidad */

#logo {

-webkit-transition: initial;

-moz-transition: initial;

transition: initial;

-webkit-transform: initial;

}

Guarda los cambios y tu logo ya se verá decentemente.

Siguiendo el mismo ejemplo de la web anterior ahora se vería así, sin cambiar el archivo de imagen, solo aplicando el CSS anterior: