Centrado de logotip...
Avisos
Vaciar todo

Centrado de logotipo, no me funciona.  

 
Oscar
 Oscar
Estimable Member

Buenas, insertando el codigo que vi en otro hilo, de este foro, no me funciona el centrado del logotipo, la plantilla es amaltea, supongo que es por eso, como puedo centrarlo?, y que la imagen puede modificar el tamaño, es decir que sea mas rectangular.

Adjunto imagen de como esta ahora mismo.

este es el codigo que puse en global.css
#header_logo{
width:100%!important;
}

#header_logo img{
margin:auto;
}

#header_logo + div{
position:absolute;
right:0;
}

@media (max-width: 767px) {
#header_logo + div{
position:static;
}
}

Gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 25/08/2017 4:13 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente ya veo que aparece centrado tu logo, al ir a la url:
Contenido solo visible a usuarios registrados

Saludos.

ResponderCitar
Respondido : 25/08/2017 8:29 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Oscar
 Oscar
Estimable Member

Si, pero es con el content box, y lo que quiero es mover el cuadro original del logotipo, lo que ves es una prueba, si lo dejo así, el cuadro del logotipo, queda activado con su enlace original.

Lo que quiero es mover el logotipo original al centro.

ResponderCitar
Respondido : 26/08/2017 10:12 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

Prueba añadir lo siguiente al archivo themes/Amaltea/css/global.css :

header .row #header_logo img {
margin: 0 0 0 35em;
}

Un saludo

ResponderCitar
Respondido : 26/08/2017 12:54 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Oscar
 Oscar
Estimable Member

Buenas, funciona pero...

  1. queda el enlace original de la posicion original, y no puedo poner en esa posicion nada, ni un content box
  2. La imagen esta centrada, pero no puedo poner ninguna foto mas rectangular, por lo que me gustaria cambiar el tamaña del logo en horizontal y vertical

Podemos hacer algo?

ResponderCitar
Respondido : 26/08/2017 1:31 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

Añade todo lo que tenga que tener ese bloque, logo, imagen, etc.... y lo indicas para que podamos revisarlo y ver como podemos dejarlo todo como quieres.

Un saludo

ResponderCitar
Respondido : 26/08/2017 1:48 pm

Oscar
 Oscar
Estimable Member

Buenas, no hay que añadir nada, solo centrar el logo (ya esta), que el logo no sea tan pequeño, que pueda poner uno mas grande, entonces hacer el hueco donde va alojado, mas grande, tipo plantilla calisto.
Una vez que esto esta hecho, que desaparezca el hueco original del logo, es decir donde esta alojado al principio, porque ahora segun esta, pasas el raton por donde estaba al principio, y se activa como si huviera un enlace.
Cuando esto ya este, pretendo poner un contentbox , porque ahora solo puedo ponerlo entre el hueco original del logo (vacio), y donde esta situado ahora mismo.

www.omcperfumes.es

Ver como esta.

ResponderCitar
Respondido : 26/08/2017 5:58 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

Ok, puedes hacerlo mas grande pero como lo tienes ahora si lo pones mas grande ocultara los logos de las formas de pago.

Para hace mas grande el código puedes añadir lo siguiente:

#header_logo .column .col-xs-12 .col-sm-3{
min-width: 450px;
}

Después de eso tienes que cambiar el orden el el que se muestran las imágenes, para ello accede a módulos -> posición de los módulos y pon el modulo de la imagen de las formas de pago en la 1 posición.

Ten en cuenta que PrestaShop no es muy flexible en cuando a colocar módulos en posiciones, y un módulo se programa usualmente para mostrarse en una posición, en tu caso el tema del logo esta para que se muestre alineado a la izquierda y para centrarlo tuvimos que añadirme un margen lo que hace que al hacerlo mas grande oculte el que tienes de pago.

Un saludo

ResponderCitar
Respondido : 26/08/2017 8:05 pm

Cursos Gratuitos WordPress

Oscar
 Oscar
Estimable Member

Buenas, voy a intentar explicarme por tercera vez, y por partes, como dijo un medico londinense llamado Jack.
El codigo que me envias, es para el logo original, o en su defecto para la posicion del logo original, es asi?, porque lo he puesto y no pasa nada.

Ya he modificado la posicion del logo original a la actual, con este codigo.
header .row #header_logo img {
margin: 0 0 0 35em;
}
Con la variacion de 35em;, que lo he puesto 40em;.
Todo correcto, asi es como lo queria, en el centro.

Ahora, en la posicion del logo original, queda un espacio abierto que cuando pasas el raton se ve el enlace de cuando estaba el logo en esa posicion, (el logo no se ve evidentemente).

Esa posicion original del logo sigue activada, por lo que al añadir un content box o html box, se pone entremedias del logo original (parte izquierda) y el actual (parte central).

Que son los metodos de pago, y estan en medio.

Quisiera eliminar el recuadro donde estaba el logo original para tener espacio y poner los metodos de pago (content box o html box). si es posible.

Una vez realizado ese cambio, poder alargar de tamaño un poco mas el logo central, que sea mas rectangular, es decir que la caja sea mas grande en sentido rectangular, para poner un logo mas grande.

Por cierto, porque no puedo previsualizar los msj, antes de enviarlos, asi podria ver si esta todo correcto.

ResponderCitar
Respondido : 27/08/2017 11:51 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

Ok, utilizas la misma clase para el logo como para la imagen del logo que tienes en el centro. Utilizando de esa maneras si lo ocultamos se ocultara el logo que tienes ahora añadido.

Puedes probar a añadir el logo en un modulo de contenBox y ocultar la clase del logo que tienes ahora.

Para ocultar el logo añade lo siguiente:

#header_logo {
    display: none;
}

Una vez el logo oculto añades un modulo contentBox con la imagen del logo.

Un saludo

ResponderCitar
Respondido : 27/08/2017 1:05 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Oscar
 Oscar
Estimable Member

Lo que quieres decir es que ocultamos el logo "la clase", por lo que no se podria añadir ningun logo ni a la posicion original a la izquierda, ni en el centro y poner el logo y lo que quiera como metodos de pago en un content box???

ResponderCitar
Respondido : 27/08/2017 1:39 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

Si exacto eso mismo es lo que quiero decir. Si añades el código que te indique antes veras que se elimina tanto la imagen que tienes ahora como el logo que tienes en la izquierda.

Si por lo que sea quieres volver a tener el logo en su posición original solo tienes que eliminar esa linea.

Puedes duplicar el modulo de contentBox para que cada uno te muestre una imagen, esto lo puedes realizar desde la propia pagina de contentBox -> https://contentbox.org/

.- Al final de la pagina veras que tienes un botón Generate your module , click en ese botón

.- añade el nombre para el modulo, por ejemplo logo_home y añades una descripción

Lo instalas como cualquier otro modulo, lo activas, añades a imagen y después de eso lo añades en la posición que quieres que se muestre.

Un saludo

ResponderCitar
Respondido : 27/08/2017 2:54 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Oscar
 Oscar
Estimable Member

Pues no esta mal la idea, probare.....

Lo de la creacion de los box, lo sabia, lo que no sabia es el poder poner mas de uno en el mismo sitio, eso es lo que quieres decir?, por ejemplo 3 imagenes o logos en la misma posicion?, o 3 imagenes en el mismo content eso es lo que pretendia.

ResponderCitar
Respondido : 27/08/2017 4:13 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

lo que no sabia es el poder poner mas de uno en el mismo sitio, eso es lo que quieres decir?
Exacto creas tantos módulos como imágenes quieres añadir en esa posicion y despues desde Modulos -> Posición de los módulos añades un nuevo hook con los módulos.

Un saludo

ResponderCitar
Respondido : 28/08/2017 12:45 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Oscar
 Oscar
Estimable Member

Perfecto gracias....

ResponderCitar
Respondido : 30/08/2017 5:49 pm