Avisos
Vaciar todo

[Resuelto] Los elementos de imagen no tienen ningún atributo width ni height explícito

12 Respuestas
2 Usuarios
0 Reactions
19 Visitas
Respuestas: 9
Active Member
Topic starter
 

Hola, equipo de Web empresa.

Les escribo para solicitar ayuda sobre como colocar atributo swidth y height a mi logotipo del sitio, esto porque como saben, es una recomendación que hace el pagespeed. La imagen es una imagen tipo vector (sin fondo), lo que creo que me genera el problema.

Por favor, si alguien puede indicarme de forma muy explícita como solucionar este punto, se los agradeceré.
Saludos!

Contenido solo visible a usuarios registrados


 
Respondido : 19/06/2023 5:26 pm
Karen Rios
Respuestas: 18663
Illustrious Member Moderator
 

Hola Sergio, 

En este caso prueba aplicar algunas de las recomendaciones que se indica en el siguiente enlace → https://www.webempresa.com/foro/administracion-wordpress/poner-width-y-height-explicitos-en-el-logo

Pruébalo en tu sitio web y nos comentas como ha ido todo

Un Saludo 


 
Respondido : 19/06/2023 5:36 pm
Respuestas: 9
Active Member
Topic starter
 

Hola.

He hecho de todo, seguí el foro que comentas, pero no he podido resolverlo. 

Será que haya otra forma de resolver el problema. 

Quedo pendiente. Muchas gracias.


 
Respondido : 26/06/2023 7:21 pm
Karen Rios
Respuestas: 18663
Illustrious Member Moderator
 

Hola José, 

Veo que utilizas WP Rocket, para añadir esto probemos lo siguiente, acceder a WP Rocket → Ajustes → Medios dente de la sección Imagen dimensions activa la opción Add missing image dimensions 

image

Guarda los cambios, limpia la caché y revisa luego si el mensaje desaparece 

Un Saludo 


 
Respondido : 26/06/2023 8:20 pm
Respuestas: 9
Active Member
Topic starter
 

Hola, @karen.

 

Gracias por tu amable respuesta. En el pasado he intentado hacer lo que me recomiendas. Sin embargo, cuando activo tal casilla, distorsiona el tamaño de mi logo, tanto en escritorio como en mobile.


 
Respondido : 26/06/2023 8:35 pm
Karen Rios
Respuestas: 18663
Illustrious Member Moderator
 

Hola José Sergio, 

Actívalo nuevamente y prueba añadir el siguiente código CSS en el apartado de Apariencia → Personalizar → CSS Adicional

.wgl-logotype-container.logo-mobile_enable {
width: 256px;
max-width: 100% !important;
}

Verifícalo y nos comentas como ha ido todo

Un Saludo 


 
Respondido : 26/06/2023 8:54 pm
Respuestas: 9
Active Member
Topic starter
 

Hola, @karen. Parece que el código es funcional, sin embargo aún no queda completamente bien en el mobile, aparentemente hay que modificar los valores de width: 246px y
max-width: 100%. Jugaré con algunos valores a ver si puedo corregirlo.


 
Respondido : 26/06/2023 10:11 pm
Karen Rios
Respuestas: 18663
Illustrious Member Moderator
 

Hola José Sergio, 

De acuerdo, puedes probar por ejemplo con 

@media only screen and (max-width: 600px) {
.wgl-logotype-container.logo-mobile_enable {
width: 100%;
max-width: 100% !important;
}
}

Un Saludo 


 
Respondido : 26/06/2023 10:19 pm
Respuestas: 9
Active Member
Topic starter
 

Gracias. Te comento que esté último no fincionó.


 
Respondido : 26/06/2023 10:26 pm
Karen Rios
Respuestas: 18663
Illustrious Member Moderator
 

Hola José Sergio,

Puedes probar con

@media only screen and (max-width: 600px) {

.wgl-logotype-container img {
max-height: 100%;
width: 100% !important;
height: auto !important;
}

}

Un Saludo 


 
Respondido : 26/06/2023 10:32 pm
Respuestas: 9
Active Member
Topic starter
 

Resuelto, gracias @karen


 
Respondido : 26/06/2023 10:43 pm
Karen Rios
Respuestas: 18663
Illustrious Member Moderator
 

Hola José sergio, 

Enhorabuena ha funcionado, es un placer siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta. 

Un Saludo 😊 


 
Respondido : 26/06/2023 11:02 pm