elvestidordelena Posted November 24, 2015 Share Posted November 24, 2015 (edited) Hola! Tengo un espacio encima del top banner que me gustaría eliminar, he probado en el global.css en el blocktopmenu.css pero nada, me gustaría si alguien pudiera decirme cómo podría quitarlo. Mi web es www.elvestidordelena.es Muchas gracias! Edited November 24, 2015 by elvestidordelena (see edit history) Link to comment Share on other sites More sharing options...
luxotk Posted November 24, 2015 Share Posted November 24, 2015 Hola! Tengo un espacio encima del top banner que me gustaría eliminar, he probado en el global.css en el blocktopmenu.css pero nada, me gustaría si alguien pudiera decirme cómo podría quitarlo. Mi web es www.elvestidordelena.es Muchas gracias! En tu theme edita el css y pon esta sentencia: #header { margin-top: -16px; } o #header { margin-top: -16px !important; } si no quieres entrar a tu código de forma manual... instálate el módulo css que esta aquí: ----> https://www.prestashop.com/forums/topic/387461-css-editing-module/ ---->https://dh42.com/blog/free-prestashop-css-module/ ----> o algún otro que ya tengas instalado el cual edites tu css. Lo instalas y una vez instalado le das en configurar > luego agregas una de las dos sentencias que te dejo más arriba y listo. Saludos Link to comment Share on other sites More sharing options...
elvestidordelena Posted November 24, 2015 Author Share Posted November 24, 2015 Perfecto!! Muchas gracias!! Con el primer módulo también puedo quitar los espacios de debajo del menú horizontal y de debajo del slider? Gracias y disculpa las molestias. Saludos! Link to comment Share on other sites More sharing options...
luxotk Posted November 24, 2015 Share Posted November 24, 2015 Perfecto!! Muchas gracias!! Con el primer módulo también puedo quitar los espacios de debajo del menú horizontal y de debajo del slider? Gracias y disculpa las molestias. Saludos! Claro con ese modulo puedes realizar todos los cambios a los css de toda tu web. Saludos y pon solucionado al tema. Link to comment Share on other sites More sharing options...
elvestidordelena Posted November 24, 2015 Author Share Posted November 24, 2015 No sé cómo se pone solucionado... Link to comment Share on other sites More sharing options...
luxotk Posted November 24, 2015 Share Posted November 24, 2015 No sé cómo se pone solucionado... https://www.prestashop.com/forums/topic/269515-solucionado-%C2%BFcomo-poner-la-palabra-solucionado-en-el-titulo-del-tema/ Link to comment Share on other sites More sharing options...
elvestidordelena Posted November 24, 2015 Author Share Posted November 24, 2015 Perdona de nuevo Luxotk, qué tendría que poner para modificar el espacio entre el logo y el menú horizontal, el menú horizontal y el slider y, entre el slider y el footer-container... Es que he estado intentandolo pero no se me cambia. Gracias de nuevo y disculpa las molestias. Un saludo. Link to comment Share on other sites More sharing options...
luxotk Posted November 24, 2015 Share Posted November 24, 2015 Perdona de nuevo Luxotk, qué tendría que poner para modificar el espacio entre el logo y el menú horizontal, el menú horizontal y el slider y, entre el slider y el footer-container... Es que he estado intentandolo pero no se me cambia. Gracias de nuevo y disculpa las molestias. Un saludo. Haber uno por uno si es el espacio entre logo y el menu tendrías que ver a quien de los dos reduciras el espacio de margen el este caso. Ejemplo: <img class="logo img-responsive" src="http://elvestidordelena.es/img/elvestidordelenaes-1447096788.jpg" alt="elvestidordelena.es" width="120" height="100"> entonces en el modulo que ya instalaste pondrias .logo .img-respondive{margin-bottom:-12px;} reducir el espacio debajo del logo o .logo .img-respondive{margin-top:-12px;} reducir el espacio arriba del logo. y asi prueba con todas las secciones de tu web. Te dejo una captura de imagen de como sacar el nombre de la clase de tu theme. Si estas desde el navegador crome puedes hacer clic derecho en lo que quieres editar y el menu de opciones que te sale, le das en inspeccionar elemento y continuas lo mencionado arriba. Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts