Buenas!
Estoy modificando la imagen principal de la plantilla ZenithII, he elegido una mas pequeña en tamaño vertical ya que no tengo mucho encabezado para rellenar.. Al poner esa imagen me queda un espacio en blanco, uso la herramienta para ver el css correspondiente pero no logro descular donde modificarlo...
Desde ya muchas gracias!
Saludos!
URL del sitio: Contenido solo visible a usuarios registrados
Hola Julian
Ubica el archivo :
/templates/tx_zenith_ii/css/template.css
Agrega el siguiente código al final, con esto quitas los márgenes superiores
.hero-area{ margin-top:0; padding-top:0; }
Verifica si en modo responsive, redimensionando el navegador se ve bien
Lo mejor si te complicas con esto es tener una imagen más adecuada, de esta manera te evitas estos cambios, puedes completar tu imagen por ejemplo con algún color en la parte inferior.
Saludos.
Gracias por tu respuesta!
Ha funcionado! Pero el problema se presenta al redimensionar la página.
El tema es que si agrego una imagen grande del tamaño de la original, me queda mucho espacio vacio sin contenido...
Como puedo hacer para modificar dichos margenes en el modo responsive?...
Gracias y saludos!!!
Hola Julian
En el mismo archivo que has modificado, al final agrega lo siguiente
#header{ background-position:center!important; background-size:auto!important; }
Esto cambia las propiedades del la imagen de fondo.
Saludos.
Bárbaro!
Muchas Gracias!!!!
Saludos!!!