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
Hola
Actualmente ya veo que aparece centrado tu logo, al ir a la url:
Contenido solo visible a usuarios registrados
Saludos.
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.
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
Buenas, funciona pero...
Podemos hacer algo?
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
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.
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
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.
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
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???
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
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.
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
Perfecto gracias....