Problema centralizando logo do site sem menu, pixelização e tamanho

J

JetLagFox

Gamma

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 24/07/2017

• #1

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?

 

A

Alvincth

Beta

SEO

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 24/07/2017

• #2

Pasame la url de tu web para checar

 

M

migueldesafio

Beta

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 24/07/2017

• #3

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.

 

J

JetLagFox

Gamma

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 24/07/2017

• #4

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).

 

H

hypamusic

Gamma

Diseñador

Verificación en dos pasos activada

• 24/07/2017

• #5

¿te fijaste si no tienes la opción de centrarlo en las opciones de personalización del tema?

 

echosdutemps

Gamma

Programador

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 24/07/2017

• #6

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 edição: 24/07/2017

C

CristoferSIX

Beta

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 24/07/2017

• #7

Modifica esta clase

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

y ya con eso se centra.

 

kanikase

Préstamo impago

1

Xi

Programador

Verificación en dos pasos activada

Suscripción a IA

• 24/07/2017

• #8

Con que agregues margin: auto al site-branding :distant: el display block ya lo tiene el div por defecto.

 

X

XDHystory

• 24/07/2017

• #9

 

J

JetLagFox

Gamma

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 25/07/2017

• #10

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....

 

U

Usuario eliminado 34503

• 25/07/2017

• #11

JetLagFox disse:

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....

Clique para expandir...

Acabo de revisar y veo que tenes esto

Inserir CODE, HTML ou PHP:

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

Cuando solo debe ser

Inserir CODE, HTML ou PHP:

.site-branding {
    margin: 0 auto;
}

Haciendo esa modificación desde el inspector , queda centrado.

 

J

JetLagFox

Gamma

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 25/07/2017

• #12

¡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?

 

U

Usuario eliminado 34503

• 25/07/2017

• #13

JetLagFox disse:

¡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?

Clique 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.