LOGO CENTRADO

[Alba93]

Hola, me gustaría saber como puedo en prestashop 1.7.6.9

- centrar el logo en mi página web... me sale en el lado izquierdo, y además me sale muy grande. Me gustaría hacerlo más pequeño y centrarlo y que el menú quedara justo debajo.

 

Gracias.

Edited February 10, 2021 by Alba93 (see edit history)

[Prestachamps]

Hola,
envíame tu URL donde está la imagen, y te enviaré la regla CSS que la centrará;)
Saludos cordiales, Leo.

[Luisejo]

Hola @Alba93

Antes de aplicar regla CSS alguna, ¿has comprobado si tu theme ofrece la posibilidad?
¿Con qué tema estás trabajando?

Saludos.

[Alba93]

1 hour ago, Luisejo said:

Hola @Alba93

Antes de aplicar regla CSS alguna, ¿has comprobado si tu theme ofrece la posibilidad?
¿Con qué tema estás trabajando?

Saludos.

Estoy trabajando con la plantilla que viene predeterminada, la classic. 

[Alba93]

1 hour ago, Prestachamps said:

Hola,
envíame tu URL donde está la imagen, y te enviaré la regla CSS que la centrará;)
Saludos cordiales, Leo.

Hola,

te refieres a que te envíe la URL de mi tienda online!?

saludos,

Alba

[Prestachamps]

Hola Alba,

Sí, eso fue exactamente lo que dije. Una vez que veo el sitio, puedo enviarle el CSS que necesita ser modificado para lograr el cambio deseado.

Saludos,

Leo

[Alba93]

Hola,

la URL es http://www.thepetitepet.com

[Prestachamps]

Hi,

well the header is splitted in 2 and 10 cells of bootstrap grid so the proper way is to change this to 12 and 12 in your header.tpl

If you don't know how to do it, you can use this CSS workaround:

#header .logo {
    max-height: 100px;
    margin: 0 AUTO;
    display: block;
}
#header .header-top .position-static {
    position: static;
    width: 100%!important;
}
div#_desktop_logo {
    width: 100%;
}

The max-height is needed for now as you have a huge image uploaded for your logo, so you should re-upload a smaller version for the logo(with a macimum height of 100, or depends how big you want your logo to be on the site), and then you won't need to force the max-height for the logo in CSS.

Kind regards, Leo

[Alba93]

On 2/12/2021 at 7:30 AM, Prestachamps said:

Hi,

well the header is splitted in 2 and 10 cells of bootstrap grid so the proper way is to change this to 12 and 12 in your header.tpl

If you don't know how to do it, you can use this CSS workaround:

#header .logo {
    max-height: 100px;
    margin: 0 AUTO;
    display: block;
}
#header .header-top .position-static {
    position: static;
    width: 100%!important;
}
div#_desktop_logo {
    width: 100%;
}

The max-height is needed for now as you have a huge image uploaded for your logo, so you should re-upload a smaller version for the logo(with a macimum height of 100, or depends how big you want your logo to be on the site), and then you won't need to force the max-height for the logo in CSS.

Kind regards, Leo

Hola Leo,

Muchísimas gracias por tu ayuda. ¡Ha funcionado! me gustaría hacerte una pregunta más.. sabes si es posible cambiar el tipo de letra?  muchísimas gracias por la ayuda, de verdad!

Gracias, un saludo.

Alba.

Edited February 22, 2021 by Alba93 (see edit history)

[Prestachamps]

Hola alba

¿Quieres cambiar la fuente dentro de la imagen del logotipo de la tienda? En caso afirmativo, tendrá que volver a crear el logotipo con una fuente diferente. Desde CSS es posible cambiar la fuente de los textos.
Saludos cordiales, Leo