Problema centrando logo web sin menú, pixelación y tamaño

  • Autor Autor JetLagFox
  • Fecha de inicio Fecha de inicio
J

JetLagFox

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenas,

Soy incapaz de centrar el logo de la web, de tal foram que aparezca en grande. No voy a usar ningún menú. El otro día lo estuve probando tocando el código CSS y lo conseguí pero se pixelaba una barbaridad, cuando la imagen por defecto es de unos 800px, sin embargo me la pone en pequeño haga lo que haga. Ahora ni siquiera soy capaz de centrarlo y ponerlo en grande.

Sé programar, ¿hay alguna forma de editar la estructura de la web?
 
Pasame la url de tu web para checar
 
Sin ver la web es dificil guiarte, pero deberías de poder centrarlo sin problemas a través de CSS y dependiendo del theme desde el backend de Wordpress.
 
La web es esta: Conoce los misterios del miedo

Pero está en construcción.

- - - Actualizado - - -

He añadido la URL de la web. He mirado el fichero header.php en WordPress pero usa algún tipo de framework que no entiendo y no me da ninguna seguridad modificarlo. De hecho simplemente quería mirar si la etiqueta <img> tenía establecidas algunos criterios de width y height en la propia etiqueta pero llama a alguna función (o eso es lo que yo entiendo).
 
¿te fijaste si no tienes la opción de centrarlo en las opciones de personalización del tema?
 
Solución a centrar logo

En la línea 3449 de tu hoja de estilos style.css, modifica para que quede de la siguiente manera; quedará centrado.

.custom-logo {
max-width: 240px;
display: block;
margin: auto;
}


Cualquier problema que encuentres me avisas nombrándome en el comentario.
 
Última edición:
Modifica esta clase

.site-branding {
margin: 0 auto;
display: block;
}

y ya con eso se centra.
 
Con que agregues margin: auto al site-branding :distant: el display block ya lo tiene el div por defecto.
 
centrado.webpcentrado1.webp
 
Gracias a todos por las respuestas. Lo estoy intentado pero no sé el motivo por el que no veo reflejado los cambios. He probado tanto com margin: auto como con justify-content:center, pero sigue estando en la misma posición. El otro día no tuve problema alguno, simplemente que se me veía muy pixelada la imagen y quedaba horrible.

Ayer de hecho probé quitando todos los elementos que no iba a usar en el fichero de header.php, tales como los relacionados con el menú o la descripción o título y tampoco me dio resultados. Algo evidentemente estaré haciendo mal....
 
JetLagFox dijo:
Gracias a todos por las respuestas. Lo estoy intentado pero no sé el motivo por el que no veo reflejado los cambios. He probado tanto com margin: auto como con justify-content:center, pero sigue estando en la misma posición. El otro día no tuve problema alguno, simplemente que se me veía muy pixelada la imagen y quedaba horrible.

Ayer de hecho probé quitando todos los elementos que no iba a usar en el fichero de header.php, tales como los relacionados con el menú o la descripción o título y tampoco me dio resultados. Algo evidentemente estaré haciendo mal....
Hacer clic para expandir...

Acabo de revisar y veo que tenes esto

Insertar CODE, HTML o PHP: 
.site-branding {
    margin: 0 auto 0 0;
}

Cuando solo debe ser

Insertar CODE, HTML o PHP: 
.site-branding {
    margin: 0 auto;
}

Haciendo esa modificación desde el inspector , queda centrado.
 
¡Cierto! Ahora sí me lo ha centrado, aunque sigo teniendo el problema de la calidad de la imagen. ¿Hay alguna forma de decirle a WordPress que use la imagen con mayor resolución?
 
JetLagFox dijo:
¡Cierto! Ahora sí me lo ha centrado, aunque sigo teniendo el problema de la calidad de la imagen. ¿Hay alguna forma de decirle a WordPress que use la imagen con mayor resolución?
Hacer clic para expandir...

Eso depende el theme, hay que ver como esta obteniendo la imagen. Debería obtener la imagen en tamaño real (no de tamaño miñatura).

Si queres pega el código del header.php que carga la imagen para ver si esta mal la carga de la misma.
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

S
Problema centrando logo en Wordpress
Respuestas
4
Visitas
273
Salikas222
S
Atrás
Arriba