Hola comunidad !
Tengo un pequeño problema que quiero modificar en mi web y necesito de vuestra ayuda.
Resulta que en mi web el modulo de " lista de enlaces " cuando añades mas de dos bloques, ( en mi caso 3 ) te los coloca uno encima de otro en vez de manera horizontal los tres. ( dejo la prueba en la web para que la veais ) En mi caso lo que quiero es colocar la lista de enlaces " ofrecemos mas " justo a la derecha de "soy organizador" y no justo debajo de este.
¿ podriais ayudarme ?
Gracias de antemano
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
Se tendría que verificar que si la plantilla lo soporta. Estas utilizando PrestaShop 1.7?
Verifica que información te facilita el Live Edit: https://www.webempresa.com/blog/modifica-tu-plantilla-mediante-el-live-edit-o-editor-en-vivo-de-prestashop.html
Si, es prestashop 1.7.
He verificado la informacion qe has proporcionado pero esta version de prestahop no dispone de live edit.
¿alguna forma de realizarlo tocando codigo?
Hola juan.
¿ Te refieres a los bloques del footer ?
Si puedes por favor adjunta un captura de lo que quieres indicar y su no esta activo en la web lo dejas activado para que lo revisemos.
Te agradezco tu colaboración, contar con toda la información que puedas darnos nos ayudará a darte más rápidamente una solución.
Un saludo
Exacto, a eso mismo me refiero, con tu imagen queda todo plasmado.
Como dije en mi primer mensaje " ofrecemos mas " quisiera que se mostrase justo a la derecha de " soy organizador " y no debajo como se muestra en la imagen.
Hola Juan Manuel.
prueba lo siguiente:
.- Edita el archivo custom.css que encontraras en themes/classic/assets/css/custom.css y añade lo siguiente:
.col-md-6 { float: left; width: 33.333%; } .col-md-4 { float: left; width: inherit!important; }
Un saludo
Genial! queda perfecto, pero solo en la version pc, en la version movil queda desconfigurado ( podeis comprobarlo ).
¿ Alguna solución ?
Hola
Al código que te envió Pepe, elimínalo y agrega en su lugar lo siguiente:
@media(min-width:768px){ .footer-container .col-md-6 { float: left; width: 33.333%; } .footer-container .col-md-4 { float: left; width: inherit!important; } }
Este código es más específico, sólo afecta al footer y además sólo tiene efecto en un determinado ancho
Saludos.
Perfecto!
Se a solucionado tal y como deseaba.
Genial el foro de webempresa.