Hola.
Agradecería me indicaras cómo podría visualizar, como si fuera un cliente, el logo que inserté para mi tienda.
Quería ver la calidad de imagen que tiene cuando un cliente lo observe.
Adjunto foto.
Gracias.
Contenido solo visible a usuarios registrados
Hola Francisco Miguel,
Entiendo, vamos a revisarlo más a detalle. Ya que este hilo se está haciendo muy extenso y esta consulta no está relacionada directamente con el tema inicial abre uno nuevo para ello. Dentro de ella envíanos capturas como se muestra el código CSS cuando lo agregas para verificar con mayor detalle porque no aplica estos cambios.
Antes de ello puedes probar aplicarlo con este código, es decir elimina el anterior y añade el siguiente
@media only screen and (max-width: 600px) {
.wp-block-post-featured-image :where(img) {
max-width: 50% !important;
}
}
Verifícalo y nos comentas como va todo
Un Saludo
Hola.
Tras realizar lo recomendado, el logo adquirió el tamaño deseado, pero se sitúa a la izquierda, y lo quiero centrado. Esto en cuanto al formato móvil, lo que estamos intentado reparar.
La cabecera en el pc sigue como estaba, es decir, bien.
Ya me dices como debo actuar, por favor.
Gracias.
Hola Francisco Miguel,
Para centrar la imagen prueba añadir este codigo adicinal en tu media query, todo el codigo debe quedar:
@media only screen and (max-width: 600px) {
.wp-block-post-featured-image :where(img) {
max-width: 50% !important;
}
.wp-block-post-featured-image {
display: flex;
justify-content: center;
}
.wp-block-post-featured-image img {
margin: 0 auto;
display: block;
}
}
Un Saludo
Hola Karen.
¡Qué bien. El logo ha quedado centrado. Gracias!.
Te pediría una última petición en este tema, porque mi nombre completo está alineado a la izquierda, como estaba el logo antes.
Solo me faltaría que me dijeras cómo alinear mi nombre completo al centro, por favor.
Muchas gracias.
Hola Francisco Miguel,
En este caso para alinear el titulo del sitio web puedes sustituir el codigo anterior por el siguiente
@media only screen and (max-width: 600px) {
.wp-block-post-featured-image :where(img) {
max-width: 50% !important;
}
.wp-block-post-featured-image {
display: flex;
justify-content: center;
}
.wp-block-post-featured-image img {
margin: 0 auto;
display: block;
}
h2.wp-block-post-title {
text-align: center;
}
}
Verificalo y nos comentas si con ello ha funcionado
Un Saludo
Hola Karen.
¡Resuelto. Es un lujo estar aquí dentro con ustedes!.
Muchas gracias.
Saludos.
Hola Francisco Miguel,
Nos contenta mucho que estés a gusto con nosotros, si es posible puedes dejarnos una valoración por las respuestas.
No dudes en escribirnos si tienes cualquier otra consulta.
Un saludo 😊